diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html index 4b52c31d..6fc916f0 100644 --- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html +++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html @@ -12,10 +12,10 @@ mat-icon-button (click)="toggleMicrophone()" [disabled]="isConnectionLost || !hasAudioDevices" - [class.warn-btn]="!isWebcamAudioActive" + [class.warn-btn]="!isAudioActive" > - mic - mic_off + mic + mic_off diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts index c8acb844..1040f384 100644 --- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts +++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts @@ -28,6 +28,7 @@ import { ParticipantService } from '../../services/participant/participant.servi import { MenuType } from '../../models/menu.model'; import { OpenViduAngularConfigService } from '../../services/config/openvidu-angular.config.service'; import { ToolbarAdditionalButtonsDirective } from '../../directives/template/openvidu-angular.directive'; +import { ParticipantAbstractModel } from '../../models/participant.model'; /** * @@ -138,7 +139,7 @@ export class ToolbarComponent implements OnInit, OnDestroy { /** * @ignore */ - isWebcamAudioActive: boolean; + isAudioActive: boolean; /** * @ignore */ @@ -293,9 +294,9 @@ export class ToolbarComponent implements OnInit, OnDestroy { this.participantService.getMyCameraPublisher(), !this.participantService.hasCameraAudioActive() ); - return; + } else { + this.openviduService.publishAudio(this.participantService.getMyScreenPublisher(), !this.participantService.hasScreenAudioActive()); } - this.openviduService.publishAudio(this.participantService.getMyScreenPublisher(), !this.participantService.hasScreenAudioActive()); } /** @@ -480,10 +481,10 @@ export class ToolbarComponent implements OnInit, OnDestroy { }); } protected subscribeToUserMediaProperties() { - this.localParticipantSubscription = this.participantService.localParticipantObs.subscribe((p) => { + this.localParticipantSubscription = this.participantService.localParticipantObs.subscribe((p: ParticipantAbstractModel) => { if (p) { this.isWebcamVideoActive = p.isCameraVideoActive(); - this.isWebcamAudioActive = p.isCameraAudioActive(); + this.isAudioActive = p.isCameraAudioActive() || p.isScreenAudioActive(); this.isScreenShareActive = p.isScreenActive(); this.cd.markForCheck(); }