ambiser
/
openvidu
mirror of https://github.com/OpenVidu/openvidu.git
8
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

openvidu-testapp: allow choosing Media Node on recording start

pull/574/head
pabloFuente 2020-12-02 19:15:02 +01:00
parent eaa1361d04
commit 0fe64458af
3 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
openvidu-testapp/src/app/components/dialogs/session-api-dialog/session-api-dialog.component.css
View File

@ -31,7 +31,7 @@ mat-dialog-content button {
.inner-text-input { .inner-text-input {
margin-left: 9px; margin-left: 9px;
width: 42%; width: 30%;
} }
#rec-properties-btn { #rec-properties-btn {

11
openvidu-testapp/src/app/components/dialogs/session-api-dialog/session-api-dialog.component.html
View File

@ -51,6 +51,10 @@
</button> </button>
<div *ngIf="showRecProperties" id="rec-properties-div"> <div *ngIf="showRecProperties" id="rec-properties-div">
<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> <mat-form-field class="inner-text-input" [style.fontSize.px]=14>
<input matInput id="recording-name-field" placeholder="Recording name" [(ngModel)]="recordingProperties.name"> <input matInput id="recording-name-field" placeholder="Recording name" [(ngModel)]="recordingProperties.name">
</mat-form-field> </mat-form-field>
@ -63,7 +67,7 @@
</mat-form-field> </mat-form-field>
</div> </div>
<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"> id="rec-layout-div">
<mat-form-field class="inner-text-input" [style.fontSize.px]=14> <mat-form-field class="inner-text-input" [style.fontSize.px]=14>
<mat-select placeholder="Recording layout" [(ngModel)]="recordingProperties.recordingLayout"> <mat-select placeholder="Recording layout" [(ngModel)]="recordingProperties.recordingLayout">
@ -72,8 +76,7 @@
</mat-option> </mat-option>
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
<mat-form-field <mat-form-field *ngIf="recordingProperties.hasVideo && recordingProperties.recordingLayout === 'CUSTOM'"
*ngIf="recordingProperties.hasVideo && recordingProperties.recordingLayout.toString() === recLayouts[recLayouts.CUSTOM]"
class="inner-text-input" [style.fontSize.px]=14> class="inner-text-input" [style.fontSize.px]=14>
<input matInput placeholder="Custom layout" type="text" [(ngModel)]="recordingProperties.customLayout"> <input matInput placeholder="Custom layout" type="text" [(ngModel)]="recordingProperties.customLayout">
</mat-form-field> </mat-form-field>
@ -82,7 +85,7 @@
<mat-checkbox id="rec-hasaudio-checkbox" [(ngModel)]="recordingProperties.hasAudio">Has audio</mat-checkbox> <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-checkbox id="rec-hasvideo-checkbox" [(ngModel)]="recordingProperties.hasVideo">Has video</mat-checkbox>
<mat-form-field <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> id="recording-resolution-form" class="inner-text-input" [style.fontSize.px]=14>
<input matInput id="recording-resolution-field" placeholder="Resolution" type="text" <input matInput id="recording-resolution-field" placeholder="Resolution" type="text"
[(ngModel)]="recordingProperties.resolution"> [(ngModel)]="recordingProperties.resolution">

5
openvidu-testapp/src/app/components/openvidu-instance/openvidu-instance.component.ts
View File

@ -632,7 +632,10 @@ export class OpenviduInstanceComponent implements OnInit, OnChanges, OnDestroy {
customLayout: this.sessionProperties.defaultCustomLayout, customLayout: this.sessionProperties.defaultCustomLayout,
resolution: '1920x1080', resolution: '1920x1080',
hasAudio: true, hasAudio: true,
hasVideo: true hasVideo: true,
mediaNode: {
id: ''
}
} }
}, },
width: '425px', width: '425px',