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

openvidu-testapp: make deviceId a proper selector in VideoCaptureOptions

dependabot/npm_and_yarn/openvidu-testapp/elliptic-6.6.0
pabloFuente 2024-10-28 19:12:16 +01:00
parent ed2fa45d59
commit 1d91d6fa9d
3 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
openvidu-testapp/src/app/components/dialogs/options-dialog/options-dialog.component.html
View File

@ -20,9 +20,11 @@
<mat-radio-button [value]="'custom'" id="video-capture-custom">Custom</mat-radio-button> <mat-radio-button [value]="'custom'" id="video-capture-custom">Custom</mat-radio-button>
</mat-radio-group> </mat-radio-group>
<div *ngIf="videoOption === 'custom'"> <div *ngIf="videoOption === 'custom'">
<mat-form-field class="inner-text-input"> <mat-form-field id="video-deviceId">
<mat-label>deviceId</mat-label> <mat-label>deviceId</mat-label>
<input matInput id="video-deviceId" placeholder="deviceId" [(ngModel)]="auxVideoCaptureOptions.deviceId"/> <mat-select [(value)]="auxVideoCaptureOptions.deviceId">
<mat-option *ngFor="let device of inputVideoDevices" [value]="{ exact: device.deviceId }">{{'[' + device.label + '] ' + device.deviceId}}</mat-option>
</mat-select>
</mat-form-field> </mat-form-field>
<mat-form-field id="video-facingMode"> <mat-form-field id="video-facingMode">
<mat-label>facingMode</mat-label> <mat-label>facingMode</mat-label>

5
openvidu-testapp/src/app/components/dialogs/options-dialog/options-dialog.component.ts
View File

@ -39,6 +39,8 @@ export class OptionsDialogComponent {
ENUMERATION_SOURCE = Object.keys(Track.Source); ENUMERATION_SOURCE = Object.keys(Track.Source);
inputVideoDevices: MediaDeviceInfo[] = [];
constructor( constructor(
public dialogRef: MatDialogRef<OptionsDialogComponent>, public dialogRef: MatDialogRef<OptionsDialogComponent>,
@Inject(MAT_DIALOG_DATA) @Inject(MAT_DIALOG_DATA)
@ -98,6 +100,9 @@ export class OptionsDialogComponent {
if (this.data.allowDisablingScreen === false) { if (this.data.allowDisablingScreen === false) {
this.allowDisablingScreen = false; this.allowDisablingScreen = false;
} }
Room.getLocalDevices('videoinput').then((devices) => {
this.inputVideoDevices = devices;
});
} }
returnValues() { returnValues() {

2
openvidu-testapp/src/app/components/video-track/video-track.component.ts
View File

@ -111,7 +111,7 @@ export class VideoTrackComponent extends TrackComponent {
toggleVideoZoom() { toggleVideoZoom() {
this.videoZoom = !this.videoZoom; this.videoZoom = !this.videoZoom;
let newWidth = this.videoZoom ? '720px' : '120px'; let newWidth = this.videoZoom ? '1500px' : '120px';
this.elementRef.nativeElement.style.width = newWidth; this.elementRef.nativeElement.style.width = newWidth;
} }
} }