mirror of https://github.com/OpenVidu/openvidu.git
81 lines
2.9 KiB
TypeScript
81 lines
2.9 KiB
TypeScript
|
import { Component, OnDestroy, OnInit } from '@angular/core';
|
||
|
|
import { PublisherProperties } from 'openvidu-browser';
|
||
|
|
import { DeviceService } from '../../../services/device/device.service';
|
||
|
|
import { OpenViduService } from '../../../services/openvidu/openvidu.service';
|
||
|
|
import { StorageService } from '../../../services/storage/storage.service';
|
||
|
|
import { CustomDevice } from '../../../models/device.model';
|
||
|
|
import { ParticipantAbstractModel } from '../../../models/participant.model';
|
||
|
|
import { ParticipantService } from '../../../services/participant/participant.service';
|
||
|
|
import { Subscription } from 'rxjs';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @internal
|
||
|
|
*/
|
||
|
|
@Component({
|
||
|
|
selector: 'ov-audio-devices-select',
|
||
|
|
templateUrl: './audio-devices.component.html',
|
||
|
|
styleUrls: ['./audio-devices.component.css']
|
||
|
|
})
|
||
|
|
export class AudioDevicesComponent implements OnInit, OnDestroy {
|
||
|
|
hasAudioDevices: boolean;
|
||
|
|
isAudioMuted: boolean;
|
||
|
|
microphoneSelected: CustomDevice;
|
||
|
|
microphones: CustomDevice[] = [];
|
||
|
|
private localParticipantSubscription: Subscription;
|
||
|
|
|
||
|
|
constructor(
|
||
|
|
private openviduService: OpenViduService,
|
||
|
|
private deviceSrv: DeviceService,
|
||
|
|
private storageSrv: StorageService,
|
||
|
|
protected participantService: ParticipantService
|
||
|
|
) {}
|
||
|
|
|
||
|
|
ngOnInit(): void {
|
||
|
|
this.subscribeToParticipantMediaProperties();
|
||
|
|
|
||
|
|
this.hasAudioDevices = this.deviceSrv.hasAudioDeviceAvailable();
|
||
|
|
this.microphones = this.deviceSrv.getMicrophones();
|
||
|
|
this.microphoneSelected = this.deviceSrv.getMicrophoneSelected();
|
||
|
|
this.isAudioMuted = this.deviceSrv.isAudioMuted();
|
||
|
|
if (this.openviduService.isSessionConnected()) {
|
||
|
|
this.isAudioMuted = !this.participantService.isMyAudioActive();
|
||
|
|
} else {
|
||
|
|
this.isAudioMuted = this.deviceSrv.isAudioMuted();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
ngOnDestroy() {
|
||
|
|
if (this.localParticipantSubscription) this.localParticipantSubscription.unsubscribe();
|
||
|
|
}
|
||
|
|
|
||
|
|
toggleMic() {
|
||
|
|
const publish = this.isAudioMuted;
|
||
|
|
this.openviduService.publishAudio(publish);
|
||
|
|
}
|
||
|
|
|
||
|
|
async onMicrophoneSelected(event: any) {
|
||
|
|
const audioSource = event?.value;
|
||
|
|
if (this.deviceSrv.needUpdateAudioTrack(audioSource)) {
|
||
|
|
//TODO: Uncomment this when replaceTrack issue is fixed
|
||
|
|
// const pp: PublisherProperties = { audioSource, videoSource: false };
|
||
|
|
// await this.openviduService.replaceTrack(VideoType.CAMERA, pp);
|
||
|
|
// TODO: Remove this when replaceTrack issue is fixed
|
||
|
|
const mirror = this.deviceSrv.cameraNeedsMirror(this.deviceSrv.getCameraSelected().device);
|
||
|
|
const pp: PublisherProperties = { videoSource: this.deviceSrv.getCameraSelected().device, audioSource, mirror };
|
||
|
|
await this.openviduService.republishTrack(pp);
|
||
|
|
|
||
|
|
this.deviceSrv.setMicSelected(audioSource);
|
||
|
|
this.microphoneSelected = this.deviceSrv.getMicrophoneSelected();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
private subscribeToParticipantMediaProperties() {
|
||
|
|
this.localParticipantSubscription = this.participantService.localParticipantObs.subscribe((p: ParticipantAbstractModel) => {
|
||
|
|
if (p) {
|
||
|
|
this.isAudioMuted = !p.hasAudioActive();
|
||
|
|
this.storageSrv.setAudioMuted(this.isAudioMuted);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|