openvidu/openvidu-components-angular/src/app/openvidu-call/call.component.ts

94 lines
2.4 KiB
TypeScript
Raw Normal View History

2022-03-10 15:41:51 +01:00
import { Component, OnInit } from '@angular/core';
import { RestService } from '../services/rest.service';
import { Router } from '@angular/router';
@Component({
selector: 'app-call',
templateUrl: './call.component.html',
styleUrls: ['./call.component.scss']
})
export class CallComponent implements OnInit {
2022-03-10 15:41:51 +01:00
value = true;
sessionId = 'daily-call';
OPENVIDU_URL = 'https://localhost:4443';
OPENVIDU_SECRET = 'MY_SECRET';
tokens: { webcam: string; screen: string };
joinSessionClicked: boolean = false;
closeClicked: boolean = false;
isSessionAlive: boolean = false;
constructor(private restService: RestService) {}
2022-03-10 15:41:51 +01:00
async ngOnInit() {
this.tokens = {
webcam: await this.restService.getToken(this.sessionId, this.OPENVIDU_URL, this.OPENVIDU_SECRET),
screen: await this.restService.getToken(this.sessionId, this.OPENVIDU_URL, this.OPENVIDU_SECRET)
2022-03-10 15:41:51 +01:00
};
}
async onJoinClicked() {
2022-03-10 15:41:51 +01:00
console.warn('VC JOIN BUTTON CLICKED');
// this.tokens = {
// webcam: await this.restService.getToken(this.sessionId),
// screen: await this.restService.getToken(this.sessionId)
// };
console.log(await this.restService.getToken(this.sessionId))
2022-03-10 15:41:51 +01:00
// setInterval(() => {
// this.value = !this.value;
// }, 1000);
}
2022-03-10 15:41:51 +01:00
onToolbarCameraButtonClicked() {
console.warn('VC camera CLICKED');
}
onToolbarMicrophoneButtonClicked() {
console.warn('VC microphone CLICKED');
}
onToolbarScreenshareButtonClicked() {
console.warn('VC screenshare CLICKED');
}
onToolbarFullscreenButtonClicked() {
console.warn('VC fullscreen CLICKED');
}
onToolbarParticipantsPanelButtonClicked() {
console.warn('VC participants CLICKED');
}
onToolbarChatPanelButtonClicked() {
console.warn('VC chat CLICKED');
}
2022-03-10 15:41:51 +01:00
onToolbarLeaveButtonClicked() {
this.isSessionAlive = false;
console.log('VC LEAVE BUTTON CLICKED');
}
2022-03-10 15:41:51 +01:00
onCameraButtonClicked() {
console.warn('TOOLBAR camera CLICKED');
}
onMicrophoneButtonClicked() {
console.warn('TOOLBAR microphone CLICKED');
}
onScreenshareButtonClicked() {
console.warn('TOOLBAR screenshare CLICKED');
}
onFullscreenButtonClicked() {
console.warn('TOOLBAR fullscreen CLICKED');
}
onParticipantsPanelButtonClicked() {
console.warn('TOOLBAR participants CLICKED');
}
onChatPanelButtonClicked() {
console.warn('TOOLBAR chat CLICKED');
}
2022-03-10 15:41:51 +01:00
onLeaveButtonClicked() {
this.isSessionAlive = false;
2022-03-10 15:41:51 +01:00
console.log('TOOLBAR LEAVE CLICKED');
}
}