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

openvidu-components: Disabled background button with video muted

pull/721/head
csantosm 2022-05-10 17:18:33 +02:00
parent a38d6b4855
commit 185ea7a1fd
3 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.html
View File

@ -13,7 +13,8 @@
<ov-layout> <ov-layout>
<ng-template #stream let-stream> <ng-template #stream let-stream>
<button <button
*ngIf="!isMinimal && !isVideoMuted && showBackgroundEffectsButton" *ngIf="!isMinimal && showBackgroundEffectsButton"
[disabled]="isVideoMuted"
mat-icon-button mat-icon-button
id="background-effects-btn" id="background-effects-btn"
(click)="toggleBackgroundEffects()" (click)="toggleBackgroundEffects()"

8
openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html
View File

@ -93,7 +93,13 @@
</button> --> </button> -->
<!-- Virtual background button --> <!-- Virtual background button -->
<button *ngIf="!isMinimal && showBackgroundEffectsButton" mat-menu-item id="virtual-bg-btn" (click)="toggleBackgroundEffects()"> <button
*ngIf="!isMinimal && showBackgroundEffectsButton"
[disabled]="!isWebcamVideoActive"
mat-menu-item
id="virtual-bg-btn"
(click)="toggleBackgroundEffects()"
>
<mat-icon>auto_awesome</mat-icon> <mat-icon>auto_awesome</mat-icon>
<span>Background effects</span> <span>Background effects</span>
</button> </button>

3
openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts
View File

@ -403,6 +403,9 @@ export class ToolbarComponent implements OnInit, OnDestroy {
this.onCameraButtonClicked.emit(); this.onCameraButtonClicked.emit();
try { try {
const publishVideo = !this.participantService.isMyVideoActive(); const publishVideo = !this.participantService.isMyVideoActive();
if(this.panelService.isExternalPanelOpened() && !publishVideo) {
this.panelService.togglePanel(PanelType.BACKGROUND_EFFECTS);
}
await this.openviduService.publishVideo(publishVideo); await this.openviduService.publishVideo(publishVideo);
} catch (error) { } catch (error) {
this.log.e('There was an error toggling camera:', error.code, error.message); this.log.e('There was an error toggling camera:', error.code, error.message);