openvidu-testapp: allow choosing Media Node on recording start

wangbaochao · Dec 2, 2020 · 0fe6445 · 0fe6445
1 parent eaa1361
commit 0fe6445
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 6 deletions.
diff --git a/...du-testapp/src/app/components/dialogs/session-api-dialog/session-api-dialog.component.css b/...du-testapp/src/app/components/dialogs/session-api-dialog/session-api-dialog.component.css
@@ -31,7 +31,7 @@ mat-dialog-content button {
 
 .inner-text-input {
   margin-left: 9px;
-  width: 42%;
+  width: 30%;
 }
 
 #rec-properties-btn {

diff --git a/...u-testapp/src/app/components/dialogs/session-api-dialog/session-api-dialog.component.html b/...u-testapp/src/app/components/dialogs/session-api-dialog/session-api-dialog.component.html
@@ -51,6 +51,10 @@ <h2 mat-dialog-title>API REST</h2>
     </button>
     <div *ngIf="showRecProperties" id="rec-properties-div">
       <div>
+        <mat-form-field class="inner-text-input" [style.fontSize.px]=14>
+          <input matInput id="recording-media-node-field" placeholder="Media Node"
+            [(ngModel)]="recordingProperties.mediaNode.id">
+        </mat-form-field>
         <mat-form-field class="inner-text-input" [style.fontSize.px]=14>
           <input matInput id="recording-name-field" placeholder="Recording name" [(ngModel)]="recordingProperties.name">
         </mat-form-field>
@@ -63,7 +67,7 @@ <h2 mat-dialog-title>API REST</h2>
         </mat-form-field>
       </div>
       <div
-        *ngIf="recordingProperties.outputMode.toString() === recMode[recMode.COMPOSED] && recordingProperties.hasVideo"
+        *ngIf="recordingProperties.hasVideo && (recordingProperties.outputMode === 'COMPOSED' || recordingProperties.outputMode === 'COMPOSED_QUICK_START')"
         id="rec-layout-div">
         <mat-form-field class="inner-text-input" [style.fontSize.px]=14>
           <mat-select placeholder="Recording layout" [(ngModel)]="recordingProperties.recordingLayout">
@@ -72,8 +76,7 @@ <h2 mat-dialog-title>API REST</h2>
             </mat-option>
           </mat-select>
         </mat-form-field>
-        <mat-form-field
-          *ngIf="recordingProperties.hasVideo && recordingProperties.recordingLayout.toString() === recLayouts[recLayouts.CUSTOM]"
+        <mat-form-field *ngIf="recordingProperties.hasVideo && recordingProperties.recordingLayout === 'CUSTOM'"
           class="inner-text-input" [style.fontSize.px]=14>
           <input matInput placeholder="Custom layout" type="text" [(ngModel)]="recordingProperties.customLayout">
         </mat-form-field>
@@ -82,7 +85,7 @@ <h2 mat-dialog-title>API REST</h2>
         <mat-checkbox id="rec-hasaudio-checkbox" [(ngModel)]="recordingProperties.hasAudio">Has audio</mat-checkbox>
         <mat-checkbox id="rec-hasvideo-checkbox" [(ngModel)]="recordingProperties.hasVideo">Has video</mat-checkbox>
         <mat-form-field
-          *ngIf="recordingProperties.hasVideo && recordingProperties.outputMode.toString() === recMode[recMode.COMPOSED]"
+          *ngIf="recordingProperties.hasVideo && (recordingProperties.outputMode === 'COMPOSED' || recordingProperties.outputMode === 'COMPOSED_QUICK_START')"
           id="recording-resolution-form" class="inner-text-input" [style.fontSize.px]=14>
           <input matInput id="recording-resolution-field" placeholder="Resolution" type="text"
             [(ngModel)]="recordingProperties.resolution">

diff --git a/openvidu-testapp/src/app/components/openvidu-instance/openvidu-instance.component.ts b/openvidu-testapp/src/app/components/openvidu-instance/openvidu-instance.component.ts
@@ -632,7 +632,10 @@ export class OpenviduInstanceComponent implements OnInit, OnChanges, OnDestroy {
             customLayout: this.sessionProperties.defaultCustomLayout,
             resolution: '1920x1080',
             hasAudio: true,
-            hasVideo: true
+            hasVideo: true,
+            mediaNode: {
+              id: ''
+            }
           }
       },
       width: '425px',