+
+ <div class="form-group mt-4" [ngClass]="{ 'disabled-checkbox-extra': !isTranscodingEnabled() }">
+ <label i18n for="transcodingThreads">Transcoding threads</label>
+ <span class="text-muted ml-1">
+ <ng-container *ngIf="getTotalTranscodingThreads().atMost" i18n>will claim at most {{ getTotalTranscodingThreads().value }} {{ getTotalTranscodingThreads().unit }} with live transcoding</ng-container>
+ <ng-container *ngIf="!getTotalTranscodingThreads().atMost" i18n>will claim at least {{ getTotalTranscodingThreads().value }} {{ getTotalTranscodingThreads().unit }} with live transcoding</ng-container>
+ </span>
+
+ <div class="peertube-select-container">
+ <select id="transcodingThreads" formControlName="threads" class="form-control">
+ <option *ngFor="let transcodingThreadOption of transcodingThreadOptions" [value]="transcodingThreadOption.value">
+ {{ transcodingThreadOption.label }} {transcodingThreadOption.value, plural, =0 {} =1 {thread} other {threads}}
+ </option>
+ </select>
+ </div>
+ <div *ngIf="formErrors.transcoding.threads" class="form-error">{{ formErrors.transcoding.threads }}</div>
+ </div>
+
+ <div class="form-group mt-4" [ngClass]="{ 'disabled-checkbox-extra': !isTranscodingEnabled() }">
+ <label i18n for="transcodingProfile">Transcoding profile</label>
+ <span class="text-muted ml-1" i18n>new transcoding profiles can be added by PeerTube plugins</span>
+
+ <ng-select
+ id="transcodingProfile"
+ formControlName="profile"
+ [items]="getAvailableTranscodingProfile('vod')"
+ [clearable]="false"
+ >
+ <ng-template ng-option-tmp let-item="item" let-index="index">
+ {{ item }}
+ <ng-container *ngIf="item === 'default'">
+ <br>
+ <span class="text-muted">x264, targeting maximum device compatibility</span>
+ </ng-container>
+ </ng-template>
+ </ng-select>
+ <div *ngIf="formErrors.transcoding.profile" class="form-error">{{ formErrors.transcoding.profile }}</div>
+ </div>
+