+ <div class="form-group form-group-right col-12 col-lg-8 col-xl-9">
+
+ <ng-container formGroupName="transcoding">
+
+ <div class="form-group">
+ <my-peertube-checkbox inputName="transcodingEnabled" formControlName="enabled">
+ <ng-template ptTemplate="label">
+ <ng-container i18n>Transcoding enabled</ng-container>
+ </ng-template>
+
+ <ng-template ptTemplate="help">
+ <ng-container i18n>If you disable transcoding, many videos from your users will not work!</ng-container>
+ </ng-template>
+
+ <ng-container ngProjectAs="extra">
+
+ <div class="form-group" [ngClass]="{ 'disabled-checkbox-extra': !isTranscodingEnabled() }">
+ <my-peertube-checkbox
+ inputName="transcodingAllowAdditionalExtensions" formControlName="allowAdditionalExtensions"
+ i18n-labelText labelText="Allow additional extensions"
+ >
+ <ng-container ngProjectAs="description">
+ <span i18n>Allow your users to upload .mkv, .mov, .avi and .flv videos.</span>
+ </ng-container>
+ </my-peertube-checkbox>
+ </div>
+
+ <div class="form-group" [ngClass]="{ 'disabled-checkbox-extra': !isTranscodingEnabled() }">
+ <my-peertube-checkbox
+ inputName="transcodingAllowAudioFiles" formControlName="allowAudioFiles"
+ i18n-labelText labelText="Allow audio files upload"
+ >
+ <ng-container ngProjectAs="description">
+ <span i18n>Allow your users to upload audio files that will be merged with the preview file on upload.</span>
+ </ng-container>
+ </my-peertube-checkbox>
+ </div>
+
+ <ng-container formGroupName="webtorrent">
+ <div class="form-group" [ngClass]="{ 'disabled-checkbox-extra': !isTranscodingEnabled() }">
+ <my-peertube-checkbox
+ inputName="transcodingWebTorrentEnabled" formControlName="enabled"
+ i18n-labelText labelText="WebTorrent support enabled"
+ >
+ <ng-template ptTemplate="help">
+ <ng-container i18n>
+ <strong>Experimental, we suggest you to not disable webtorrent support for now</strong>
+
+ <p>If you also enabled HLS support, it will multiply videos storage by 2</p>
+
+ <br />
+
+ <strong>If disabled, breaks federation with PeerTube instances < 2.1</strong>
+ </ng-container>
+ </ng-template>
+ </my-peertube-checkbox>
+ </div>
+ </ng-container>
+
+ <ng-container formGroupName="hls">
+ <div class="form-group" [ngClass]="{ 'disabled-checkbox-extra': !isTranscodingEnabled() }">
+ <my-peertube-checkbox
+ inputName="transcodingHlsEnabled" formControlName="enabled"
+ i18n-labelText labelText="HLS support enabled"
+ >
+ <ng-template ptTemplate="help">
+ <ng-container i18n>
+ <strong>Requires ffmpeg >= 4.1</strong>
+
+ <p>Generate HLS playlists and fragmented MP4 files resulting in a better playback than with the current default player:</p>
+ <ul>
+ <li>Resolution change is smoother</li>
+ <li>Faster playback in particular with long videos</li>
+ <li>More stable playback (less bugs/infinite loading)</li>
+ </ul>
+
+ <p>If you also enabled WebTorrent support, it will multiply videos storage by 2</p>
+ </ng-container>
+ </ng-template>
+ </my-peertube-checkbox>
+ </div>
+ </ng-container>
+
+ </ng-container>
+ </my-peertube-checkbox>
+ </div>
+
+ <div class="form-group">
+
+ <div class="form-group" [ngClass]="{ 'disabled-checkbox-extra': !isTranscodingEnabled() }">
+ <label i18n for="transcodingThreads">Transcoding threads</label>
+ <div class="peertube-select-container">
+ <select id="transcodingThreads" formControlName="threads">
+ <option *ngFor="let transcodingThreadOption of transcodingThreadOptions" [value]="transcodingThreadOption.value">
+ {{ transcodingThreadOption.label }}
+ </option>
+ </select>
+ </div>
+ <div *ngIf="formErrors.transcoding.threads" class="form-error">{{ formErrors.transcoding.threads }}</div>
+ </div>
+
+ </div>
+
+ <div class="form-group" [ngClass]="{ 'disabled-checkbox-extra': !isTranscodingEnabled() }">
+
+ <label i18n for="transcodingThreads">Resolutions to generate</label>
+
+ <div class="ml-2 mt-2 d-flex flex-column">
+ <ng-container formGroupName="resolutions">
+ <div class="form-group" *ngFor="let resolution of resolutions">
+ <my-peertube-checkbox
+ [inputName]="getResolutionKey(resolution.id)" [formControlName]="resolution.id"
+ labelText="{{resolution.label}}"
+ >
+ <ng-template *ngIf="resolution.description" ptTemplate="help">
+ <div [innerHTML]="resolution.description"></div>
+ </ng-template>
+ </my-peertube-checkbox>
+ </div>
+ </ng-container>
+ </div>
+
+ </div>
+
+ </ng-container>