diff options
author | Chocobozzz <me@florianbigard.com> | 2020-09-17 09:20:52 +0200 |
---|---|---|
committer | Chocobozzz <chocobozzz@cpy.re> | 2020-11-09 15:33:04 +0100 |
commit | c6c0fa6cd8fe8f752463d8982c3dbcd448739c4e (patch) | |
tree | 79304b0152b0a38d33b26e65d4acdad0da4032a7 /client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.html | |
parent | 110d463fece85e87a26aca48a6048ae0017a27b3 (diff) | |
download | PeerTube-c6c0fa6cd8fe8f752463d8982c3dbcd448739c4e.tar.gz PeerTube-c6c0fa6cd8fe8f752463d8982c3dbcd448739c4e.tar.zst PeerTube-c6c0fa6cd8fe8f752463d8982c3dbcd448739c4e.zip |
Live streaming implementation first step
Diffstat (limited to 'client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.html')
-rw-r--r-- | client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.html | 83 |
1 files changed, 82 insertions, 1 deletions
diff --git a/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.html b/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.html index 227137f48..8000f471f 100644 --- a/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.html +++ b/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.html | |||
@@ -699,6 +699,87 @@ | |||
699 | </ng-template> | 699 | </ng-template> |
700 | </ng-container> | 700 | </ng-container> |
701 | 701 | ||
702 | <ng-container ngbNavItem="live"> | ||
703 | <a ngbNavLink i18n>Live streaming</a> | ||
704 | |||
705 | <ng-template ngbNavContent> | ||
706 | |||
707 | <div class="form-row mt-5"> | ||
708 | <div class="form-group col-12 col-lg-4 col-xl-3"> | ||
709 | <div i18n class="inner-form-title">LIVE</div> | ||
710 | <div i18n class="inner-form-description"> | ||
711 | Add ability for your users to do live streaming on your instance. | ||
712 | </div> | ||
713 | </div> | ||
714 | |||
715 | <div class="form-group form-group-right col-12 col-lg-8 col-xl-9"> | ||
716 | |||
717 | <ng-container formGroupName="live"> | ||
718 | |||
719 | <div class="form-group"> | ||
720 | <my-peertube-checkbox inputName="liveEnabled" formControlName="enabled"> | ||
721 | <ng-template ptTemplate="label"> | ||
722 | <ng-container i18n>Allow live streaming</ng-container> | ||
723 | </ng-template> | ||
724 | |||
725 | <ng-template ptTemplate="help"> | ||
726 | <ng-container i18n>Enabling live streaming requires trust in your users and extra moderation work</ng-container> | ||
727 | </ng-template> | ||
728 | |||
729 | <ng-container ngProjectAs="extra" formGroupName="transcoding"> | ||
730 | |||
731 | <div class="form-group" [ngClass]="{ 'disabled-checkbox-extra': !isLiveEnabled() }"> | ||
732 | <my-peertube-checkbox | ||
733 | inputName="liveTranscodingEnabled" formControlName="enabled" | ||
734 | i18n-labelText labelText="Enable live transcoding" | ||
735 | > | ||
736 | <ng-container ngProjectAs="description"> | ||
737 | Requires a lot of CPU! | ||
738 | </ng-container> | ||
739 | </my-peertube-checkbox> | ||
740 | </div> | ||
741 | |||
742 | <div class="form-group" [ngClass]="{ 'disabled-checkbox-extra': !isLiveEnabled() || !isLiveTranscodingEnabled() }"> | ||
743 | <label i18n for="liveTranscodingThreads">Live transcoding threads</label> | ||
744 | <div class="peertube-select-container"> | ||
745 | <select id="liveTranscodingThreads" formControlName="threads" class="form-control"> | ||
746 | <option *ngFor="let transcodingThreadOption of transcodingThreadOptions" [value]="transcodingThreadOption.value"> | ||
747 | {{ transcodingThreadOption.label }} | ||
748 | </option> | ||
749 | </select> | ||
750 | </div> | ||
751 | <div *ngIf="formErrors.live.transcoding.threads" class="form-error">{{ formErrors.live.transcoding.threads }}</div> | ||
752 | </div> | ||
753 | |||
754 | <div class="form-group" [ngClass]="{ 'disabled-checkbox-extra': !isLiveEnabled() || !isLiveTranscodingEnabled() }"> | ||
755 | |||
756 | <label i18n for="liveTranscodingThreads">Live resolutions to generate</label> | ||
757 | |||
758 | <div class="ml-2 mt-2 d-flex flex-column"> | ||
759 | <ng-container formGroupName="resolutions"> | ||
760 | <div class="form-group" *ngFor="let resolution of liveResolutions"> | ||
761 | <my-peertube-checkbox | ||
762 | [inputName]="getResolutionKey(resolution.id)" [formControlName]="resolution.id" | ||
763 | labelText="{{resolution.label}}" | ||
764 | > | ||
765 | <ng-template *ngIf="resolution.description" ptTemplate="help"> | ||
766 | <div [innerHTML]="resolution.description"></div> | ||
767 | </ng-template> | ||
768 | </my-peertube-checkbox> | ||
769 | </div> | ||
770 | </ng-container> | ||
771 | </div> | ||
772 | </div> | ||
773 | </ng-container> | ||
774 | </my-peertube-checkbox> | ||
775 | </div> | ||
776 | </ng-container> | ||
777 | </div> | ||
778 | </div> | ||
779 | |||
780 | </ng-template> | ||
781 | </ng-container> | ||
782 | |||
702 | <ng-container ngbNavItem="advanced-configuration"> | 783 | <ng-container ngbNavItem="advanced-configuration"> |
703 | <a ngbNavLink i18n>Advanced configuration</a> | 784 | <a ngbNavLink i18n>Advanced configuration</a> |
704 | 785 | ||
@@ -814,7 +895,7 @@ | |||
814 | 895 | ||
815 | <div class="form-group" [ngClass]="{ 'disabled-checkbox-extra': !isTranscodingEnabled() }"> | 896 | <div class="form-group" [ngClass]="{ 'disabled-checkbox-extra': !isTranscodingEnabled() }"> |
816 | 897 | ||
817 | <label i18n for="transcodingThreads">Resolutions to generate</label> | 898 | <label i18n>Resolutions to generate</label> |
818 | 899 | ||
819 | <div class="ml-2 mt-2 d-flex flex-column"> | 900 | <div class="ml-2 mt-2 d-flex flex-column"> |
820 | <ng-container formGroupName="resolutions"> | 901 | <ng-container formGroupName="resolutions"> |