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

ov-components: add participant left handling and update room disconnection logic

master
Carlos Santos 2025-04-30 12:12:41 +02:00
parent b92630ecd8
commit 518e1511d2
2 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
openvidu-components-angular/src/app/openvidu-call/call.component.html
View File

@ -8,10 +8,10 @@
{ name: 'custom', lang: 'cus' } { name: 'custom', lang: 'cus' }
]" ]"
[prejoin]="true" [prejoin]="true"
[prejoinDisplayParticipantName]="true"
[participantName]="'Participant'" [participantName]="'Participant'"
[videoEnabled]="true" [videoEnabled]="true"
[audioEnabled]="true" [audioEnabled]="true"
[recordingStreamBaseUrl]="'call/api/recordings'"
[toolbarCameraButton]="true" [toolbarCameraButton]="true"
[toolbarMicrophoneButton]="true" [toolbarMicrophoneButton]="true"
[toolbarScreenshareButton]="true" [toolbarScreenshareButton]="true"
@ -33,6 +33,7 @@
(onTokenRequested)="onTokenRequested($event)" (onTokenRequested)="onTokenRequested($event)"
(onReadyToJoin)="onReadyToJoin()" (onReadyToJoin)="onReadyToJoin()"
(onRoomCreated)="onRoomCreated($event)" (onRoomCreated)="onRoomCreated($event)"
(onParticipantLeft)="onParticipantLeft($event)"
(onRoomDisconnected)="onRoomDisconnected()" (onRoomDisconnected)="onRoomDisconnected()"
(onVideoEnabledChanged)="onVideoEnabledChanged($event)" (onVideoEnabledChanged)="onVideoEnabledChanged($event)"
(onVideoDeviceChanged)="onVideoDeviceChanged($event)" (onVideoDeviceChanged)="onVideoDeviceChanged($event)"

10
openvidu-components-angular/src/app/openvidu-call/call.component.ts
View File

@ -12,6 +12,7 @@ import { RestService } from '../services/rest.service';
import { CustomDevice } from 'dist/openvidu-components-angular/lib/models/device.model'; import { CustomDevice } from 'dist/openvidu-components-angular/lib/models/device.model';
import { LangOption } from 'dist/openvidu-components-angular/lib/models/lang.model'; import { LangOption } from 'dist/openvidu-components-angular/lib/models/lang.model';
import { ActivatedRoute, Router } from '@angular/router'; import { ActivatedRoute, Router } from '@angular/router';
import { ParticipantLeftEvent } from '../../../projects/openvidu-components-angular/src/lib/models/participant.model';
@Component({ @Component({
selector: 'app-call', selector: 'app-call',
@ -73,6 +74,11 @@ export class CallComponent implements OnInit {
console.warn('VC IS READY TO JOIN'); console.warn('VC IS READY TO JOIN');
} }
async onParticipantLeft(event: ParticipantLeftEvent) {
console.warn('VC PARTICIPANT LEFT', event);
await this.router.navigate(['/']);
}
onRoomCreated(room: Room) { onRoomCreated(room: Room) {
console.warn('VC ROOM CREATED', room.name); console.warn('VC ROOM CREATED', room.name);
room.on(RoomEvent.Connected, () => { room.on(RoomEvent.Connected, () => {
@ -124,10 +130,10 @@ export class CallComponent implements OnInit {
console.warn('VC chat status changed: ', event); console.warn('VC chat status changed: ', event);
} }
onRoomDisconnected() { async onRoomDisconnected() {
this.isSessionAlive = false; this.isSessionAlive = false;
console.log('VC LEAVE BUTTON CLICKED'); console.log('VC LEAVE BUTTON CLICKED');
this.router.navigate(['/']); await this.router.navigate(['/']);
} }
onFullscreenButtonClicked() { onFullscreenButtonClicked() {