neoris/openvidu-livekit-tutorials
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

openvidu-toggle-hand: Added comments

Browse Source
This commit is contained in:
csantosm 2022-04-18 12:26:44 +02:00
parent 218b2e8ca7
commit a86e9d7a9a
1 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
openvidu-components/openvidu-toggle-hand/src/app/app.component.ts
View File

@ -28,7 +28,7 @@ enum SignalApp {
]) ])
] ]
}) })
export class AppComponent implements OnInit{ export class AppComponent implements OnInit {
tokens: { webcam: string; screen: string }; tokens: { webcam: string; screen: string };
hasHandRaised: boolean = false; hasHandRaised: boolean = false;
session: Session; session: Session;
@ -36,9 +36,7 @@ export class AppComponent implements OnInit{
private OPENVIDU_SERVER_URL = 'https://' + location.hostname + ':4443'; private OPENVIDU_SERVER_URL = 'https://' + location.hostname + ':4443';
private OPENVIDU_SERVER_SECRET = 'MY_SECRET'; private OPENVIDU_SERVER_SECRET = 'MY_SECRET';
constructor(private httpClient: HttpClient, private openviduService: OpenViduService, private participantService: ParticipantService) { constructor(private httpClient: HttpClient, private openviduService: OpenViduService, private participantService: ParticipantService) {}
}
async ngOnInit() { async ngOnInit() {
this.tokens = { this.tokens = {
webcam: await this.getToken(), webcam: await this.getToken(),
@ -51,10 +49,9 @@ export class AppComponent implements OnInit{
webcam: await this.getToken(), webcam: await this.getToken(),
screen: await this.getToken() screen: await this.getToken()
}; };
} }
onSessionCreated(session: Session){ onSessionCreated(session: Session) {
this.session = session; this.session = session;
this.handleRemoteHand(); this.handleRemoteHand();
} }
@ -72,10 +69,16 @@ export class AppComponent implements OnInit{
} }
handleLocalHand() { handleLocalHand() {
this.hasHandRaised = !this.hasHandRaised; // Get local participant with ParticipantService
const participant = <ParticipantAppModel>this.participantService.getLocalParticipant(); const participant = <ParticipantAppModel>this.participantService.getLocalParticipant();
// Toggle the participant hand with the method we wil add in our ParticipantAppModel
participant.toggleHandRaised(); participant.toggleHandRaised();
// Refresh the local participant object for others component and services
this.participantService.updateLocalParticipant(); this.participantService.updateLocalParticipant();
// Send a signal with the new value to others participant using the openvidu-browser signal
const remoteConnections = this.openviduService.getRemoteConnections(); const remoteConnections = this.openviduService.getRemoteConnections();
if (remoteConnections.length > 0) { if (remoteConnections.length > 0) {
//Sending hand toggle signal to others //Sending hand toggle signal to others