From 2728567f3277d388cfcd7915743389307499e847 Mon Sep 17 00:00:00 2001
From: mekya <ahmetmermerkaya@gmail.com>
Date: Thu, 15 Feb 2024 15:02:31 +0300
Subject: [PATCH] Add passthrough options to the adaptive bitrates

---
 src/app/app.page/app.page.component.html | 37 +++++++++++++++++++-----
 src/app/app.page/app.page.component.ts   | 22 ++++++++------
 2 files changed, 42 insertions(+), 17 deletions(-)

diff --git a/src/app/app.page/app.page.component.html b/src/app/app.page/app.page.component.html
index 3522210..02811d7 100644
--- a/src/app/app.page/app.page.component.html
+++ b/src/app/app.page/app.page.component.html
@@ -1165,19 +1165,19 @@ <h4 class="card-title text-left" i18n="@@newLiveStreamCardTitle">
                                                         <div *ngIf="encoderSettings != null && encoderSettings.length!=0">
                                                                 <div class="col-xs-4 col-sm-4 text-left">
                                                                     <span class="help-block"
-                                                                        i18n="@@ResolutionHeight">Resolution</span>
+                                                                        i18n="@@ResolutionHeight">Video Resolution</span>
                                                                 </div>
-                                                                <div class="col-xs-4 col-sm-3 text-left">
+                                                                <div class="col-xs-3 col-sm-3 text-left">
                                                                     <span class="help-block"
                                                                         i18n="@@ResolutionHeight">Video Bitrate
                                                                         (Kbps)</span>
                                                                 </div>
-                                                                <div class="col-xs-4 col-sm-3 text-left">
+                                                                <div class="col-xs-3 col-sm-3 text-left">
                                                                     <span class="help-block"
                                                                         i18n="@@ResolutionHeight">Audio Bitrate
                                                                         (Kbps)</span>
                                                                 </div>
-                                                            
+                                                                <br/>
 
                                                                 <ng-container>
                                                                 <div *ngFor="let encoderSetting of encoderSettings; let i = index">
@@ -1189,8 +1189,9 @@ <h4 class="card-title text-left" i18n="@@newLiveStreamCardTitle">
                                                                                 [(ngModel)]="encoderSetting.height"
                                                                                 class="dropdown-toggle form-control"
                                                                                 required>
-                                                                                <option value="0" selected disabled>
-                                                                                    Choose One</option>
+                    
+                                                                                <option value="0" selected >Passthrough</option>
+
                                                                                 <option value="2880">2880p</option>
                                                                                 <option value="2160">2160p</option>
                                                                                 <option value="1080">1080p</option>
@@ -1208,7 +1209,7 @@ <h4 class="card-title text-left" i18n="@@newLiveStreamCardTitle">
                                                                             </small>
 
                                                                         </div>
-                                                                        <div class="col-xs-4 col-sm-3 text-left" style="margin-bottom:10px">
+                                                                        <div class="col-xs-3 col-sm-3 text-left" style="margin-bottom:10px"  *ngIf="encoderSetting.height != 0">
                                                                             <input #videobitrate="ngModel" type="number"
                                                                                 [min]="10" min="10"
                                                                                 [name]="'videobitrate'+i"
@@ -1221,8 +1222,27 @@ <h4 class="card-title text-left" i18n="@@newLiveStreamCardTitle">
                                                                                 Video Bitrate is required.
                                                                             </small>
                                                                         </div>
+                                                                        <div class="col-xs-3 col-sm-3 text-left" style="margin-bottom:10px"  *ngIf="encoderSetting.height == 0">
+                                                                            <span class="help-block">Passthrough</span>
+                                                                        </div>
 
-                                                                        <div class="col-xs-4 col-sm-3 text-left" style="margin-bottom:10px">
+                                                                        <div class="col-xs-4 col-sm-4 text-left" style="margin-bottom:10px">
+                                                                            <select type="number" #audiobitrate="ngModel"
+                                                                            [name]="'audiobitrate'+i"
+                                                                            [(ngModel)]="encoderSetting.audioBitrate"
+                                                                            class="dropdown-toggle form-control"
+                                                                            required>
+                                                                    
+                                                                            <option value="0" selected>Passthrough</option>                                                            
+                                                                            <option value="320">320</option>
+                                                                            <option value="256">256</option>
+                                                                            <option value="128">128</option>
+                                                                            <option value="96">96</option>
+                                                                            <option value="64">64</option>
+                                                                            <option value="32">32</option>
+                                                                        </select>
+
+                                                                        <!--
                                                                             <input #audiobitrate="ngModel" type="number"
                                                                                 [min]="10" min="10"
                                                                                 [name]="'audiobitrate'+i"
@@ -1234,6 +1254,7 @@ <h4 class="card-title text-left" i18n="@@newLiveStreamCardTitle">
                                                                                 class="text-danger">
                                                                                 Audio Bitrate is required.
                                                                             </small>
+                                                                        -->
 
                                                                         </div>
 
diff --git a/src/app/app.page/app.page.component.ts b/src/app/app.page/app.page.component.ts
index 910c0fe..29684de 100644
--- a/src/app/app.page/app.page.component.ts
+++ b/src/app/app.page/app.page.component.ts
@@ -1254,41 +1254,45 @@ export class AppPageComponent implements OnInit, OnDestroy, AfterViewInit {
 
     dropDownChanged(event: any, i: number) {
 
+        if (event == 0) {
+            this.encoderSettings[i].videoBitrate = 0;
+            this.encoderSettings[i].audioBitrate = 0;
+        }
         if (event == 2880) {
             this.encoderSettings[i].videoBitrate = 8000;
-            this.encoderSettings[i].audioBitrate = 320;
+            this.encoderSettings[i].audioBitrate = 0;
         }
         if (event == 2160) {
             this.encoderSettings[i].videoBitrate = 6000;
-            this.encoderSettings[i].audioBitrate = 256;
+            this.encoderSettings[i].audioBitrate = 0;
         }
         if (event == 1080) {
             this.encoderSettings[i].videoBitrate = 2500;
-            this.encoderSettings[i].audioBitrate = 256;
+            this.encoderSettings[i].audioBitrate = 0;
         }
         if (event == 720) {
             this.encoderSettings[i].videoBitrate = 2000;
-            this.encoderSettings[i].audioBitrate = 128;
+            this.encoderSettings[i].audioBitrate = 0;
         }
         if (event == 640) {
             this.encoderSettings[i].videoBitrate = 1800;
-            this.encoderSettings[i].audioBitrate = 96;
+            this.encoderSettings[i].audioBitrate = 0;
         }
         if (event == 540) {
             this.encoderSettings[i].videoBitrate = 1500;
-            this.encoderSettings[i].audioBitrate = 96;
+            this.encoderSettings[i].audioBitrate = 0;
         }
         if (event == 480) {
             this.encoderSettings[i].videoBitrate = 1000;
-            this.encoderSettings[i].audioBitrate = 96;
+            this.encoderSettings[i].audioBitrate = 0;
         }
         if (event == 360) {
             this.encoderSettings[i].videoBitrate = 800;
-            this.encoderSettings[i].audioBitrate = 64;
+            this.encoderSettings[i].audioBitrate = 0;
         }
         if (event == 240) {
             this.encoderSettings[i].videoBitrate = 500;
-            this.encoderSettings[i].audioBitrate = 32;
+            this.encoderSettings[i].audioBitrate = 0;
         }