jgerstbe/async-huddle
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

[U] input-manager: hide selects via input parameter

Browse source
This commit is contained in:
Jan 2020-10-30 19:13:49 +01:00
parent d64dce0680
commit 4cc60b3755
3 changed files with 20 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
src/app/input-manager/input-manager.component.html
View file

@ -1,15 +1,21 @@
<video id="localVideo" autoplay muted></video> <video id="localVideo" autoplay muted></video>
<div class="form-group">
<label for="audioSource">Audio input source: </label>
<select class="form-control" id="audioSource" (change)="start()"></select>
</div>
<!-- <div class="select"> <details [open]="detailsOpen">
<label for="audioOutput">Audio output destination: </label><select id="audioOutput" (change)="changeAudioDestination()"></select> <summary>
</div> --> Settings:
</summary>
<div class="form-group"> <div class="form-group">
<label for="videoSource">Video source: </label> <label for="audioSource">Audio input source: </label>
<select class="form-control" id="videoSource" (change)="start()"></select> <select class="form-control" id="audioSource" (change)="start()"></select>
</div> </div>
<!-- <div class="select">
<label for="audioOutput">Audio output destination: </label><select id="audioOutput" (change)="changeAudioDestination()"></select>
</div> -->
<div class="form-group">
<label for="videoSource">Video source: </label>
<select class="form-control" id="videoSource" (change)="start()"></select>
</div>
</details>

1
src/app/input-manager/input-manager.component.ts
View file

@ -6,6 +6,7 @@ import { AfterViewInit, Component, EventEmitter, Input, Output } from '@angular/
styleUrls: ['./input-manager.component.scss'] styleUrls: ['./input-manager.component.scss']
}) })
export class InputManagerComponent implements AfterViewInit { export class InputManagerComponent implements AfterViewInit {
@Input() detailsOpen: boolean = true;
@Output() streamOutput: EventEmitter<MediaStream> = new EventEmitter(); @Output() streamOutput: EventEmitter<MediaStream> = new EventEmitter();
stream: MediaStream; stream: MediaStream;
videoElement:any = document.querySelector('#localVideo'); videoElement:any = document.querySelector('#localVideo');

2
src/app/recorder/recorder.component.html
View file

@ -23,7 +23,7 @@
</span> </span>
</div> </div>
<div class="modal-body d-flex flex-column"> <div class="modal-body d-flex flex-column">
<app-input-manager (streamOutput)="handleStreamChange($event)"></app-input-manager> <app-input-manager (streamOutput)="handleStreamChange($event)" [detailsOpen]="false"></app-input-manager>
<button *ngIf="!isRecording" class="btn btn-success mt-2" (click)="startRecording()"> <button *ngIf="!isRecording" class="btn btn-success mt-2" (click)="startRecording()">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path <path