+ </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>