+ <div class="form-group form-group-right col-12 col-lg-8 col-xl-9">
+
+ <ng-container formGroupName="transcoding">
+
+ <div class="form-group mb-0 col-12 col-xl-11">
+ <my-peertube-checkbox inputName="transcodingEnabled" formControlName="enabled" [recommended]="true">
+ <ng-template ptTemplate="label">
+ <ng-container i18n>Transcoding enabled</ng-container>
+ </ng-template>
+
+ <ng-container ngProjectAs="extra">
+
+ <div class="callout callout-light pt-2 pb-0">
+ <label i18n>Input formats</label>
+
+ <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>Allows users to upload .mkv, .mov, .avi, .wmv, .flv, .f4v, .3g2, .3gp, .mts, .m2ts, .mxf, or .nut 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">
+ <div i18n>Allows users to upload .mp3, .ogg, .wma, .flac, .aac, or .ac3 audio files.</div>
+ <div i18n>The file will be merged in a still image video with the preview file on upload.</div>
+ </ng-container>
+ </my-peertube-checkbox>
+ </div>
+ </div>
+
+ <div class="callout callout-light pt-2 mt-2 pb-0">
+ <label i18n>Output formats</label>
+
+ <ng-container formGroupName="webtorrent">
+ <div class="form-group" [ngClass]="{ 'disabled-checkbox-extra': !isTranscodingEnabled() }">
+ <my-peertube-checkbox
+ inputName="transcodingWebTorrentEnabled" formControlName="enabled"
+ i18n-labelText labelText="WebTorrent enabled"
+ >
+ <ng-template ptTemplate="help">
+ <ng-container i18n>
+ <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 with P2P support enabled"
+ [recommended]="true"
+ >
+ <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 plain WebTorrent:</p>
+ <ul>
+ <li>Resolution change is smoother</li>
+ <li>Faster playback especially 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>
+
+ <div class="form-group" [ngClass]="{ 'disabled-checkbox-extra': !isTranscodingEnabled() }">
+ <label i18n>Resolutions to generate per enabled format</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>
+
+ <span class="mb-2 text-muted" i18n>
+ The original file resolution will be the default target if no option is selected.
+ </span>
+ </ng-container>
+ </div>
+ </div>
+ </div>
+
+ </ng-container>
+ </my-peertube-checkbox>