+ <ng-container ngbNavItem *ngIf="liveVideo">
+ <a ngbNavLink i18n>Live settings</a>
+
+ <ng-template ngbNavContent>
+ <div class="row live-settings">
+ <div class="col-md-12">
+ <div class="alert pt-alert-primary">
+ <my-live-documentation-link></my-live-documentation-link>
+ </div>
+
+ <div *ngIf="liveVideo.rtmpUrl" class="form-group">
+ <label for="liveVideoRTMPUrl" i18n>Live RTMP Url</label>
+ <my-input-text inputId="liveVideoRTMPUrl" [value]="liveVideo.rtmpUrl" [withToggle]="false" [withCopy]="true" [show]="true" [readonly]="true"></my-input-text>
+ </div>
+
+ <div *ngIf="liveVideo.rtmpsUrl" class="form-group">
+ <label for="liveVideoRTMPSUrl" i18n>Live RTMPS Url</label>
+ <my-input-text inputId="liveVideoRTMPSUrl" [value]="liveVideo.rtmpsUrl" [withToggle]="false" [withCopy]="true" [show]="true" [readonly]="true"></my-input-text>
+ </div>
+
+ <div class="form-group">
+ <label for="liveVideoStreamKey" i18n>Live stream key</label>
+ <my-input-text inputId="liveVideoStreamKey" [value]="liveVideo.streamKey" [withCopy]="true" [readonly]="true"></my-input-text>
+
+ <div class="form-group-description" i18n>⚠️ Never share your stream key with anyone.</div>
+ </div>
+
+ <div class="form-group">
+ <div class="peertube-radio-container">
+ <input type="radio" formControlName="permanentLive" id="permanentLiveFalse" [value]="false">
+ <label i18n for="permanentLiveFalse" class="radio">This is a normal live</label>
+
+ <span class="form-group-description" i18n>
+ You can stream only once in a normal live. If you enable replay, it will be saved under the same URL as your live
+ </span>
+ </div>
+
+ <div class="peertube-radio-container">
+ <input type="radio" formControlName="permanentLive" id="permanentLiveTrue" [value]="true">
+ <label i18n for="permanentLiveTrue" class="radio">This is a permanent/recurring live</label>
+
+ <span class="form-group-description" i18n>
+ You can stream multiple times in a permanent/recurring live. If you enable replays, they will be saved as separate videos
+ </span>
+ </div>
+ </div>
+
+ <div class="form-group" *ngIf="isSaveReplayAllowed()">
+ <my-peertube-checkbox inputName="liveVideoSaveReplay" formControlName="saveReplay">
+ <ng-template ptTemplate="label">
+ <ng-container i18n>Automatically publish a replay when your live ends</ng-container>
+ </ng-template>
+
+ <ng-container ngProjectAs="description">
+ <span i18n>⚠️ If you enable this option, your live will be terminated if you exceed your video quota</span>
+ </ng-container>
+ </my-peertube-checkbox>
+ </div>
+
+ <div class="form-group mx-4" *ngIf="isSaveReplayEnabled()">
+ <label i18n for="replayPrivacy">Privacy of the new replay</label>
+ <my-select-options
+ labelForId="replayPrivacy" [items]="videoPrivacies" [clearable]="false" formControlName="replayPrivacy"
+ ></my-select-options>
+ </div>
+
+ <div class="form-group" *ngIf="isLatencyModeEnabled()">
+ <label i18n for="latencyMode">Latency mode</label>
+ <my-select-options
+ labelForId="latencyMode" [items]="latencyModes" formControlName="latencyMode" [clearable]="true"
+ ></my-select-options>
+
+ <div *ngIf="formErrors.latencyMode" class="form-error">
+ {{ formErrors.latencyMode }}
+ </div>
+ </div>
+ </div>
+ </div>
+ </ng-template>
+
+ </ng-container>
+
+