2022-03-10 15:41:51 +01:00
|
|
|
import { Component, OnInit } from '@angular/core';
|
2022-04-28 13:09:42 +02:00
|
|
|
import { TokenModel } from 'dist/openvidu-angular/public-api';
|
2022-01-19 17:24:11 +01:00
|
|
|
import { RestService } from '../services/rest.service';
|
2022-04-28 13:09:42 +02:00
|
|
|
|
2022-01-19 17:24:11 +01:00
|
|
|
@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;
|
2022-04-05 15:58:12 +02:00
|
|
|
sessionId = 'daily-call';
|
|
|
|
OPENVIDU_URL = 'https://localhost:4443';
|
|
|
|
OPENVIDU_SECRET = 'MY_SECRET';
|
2022-04-28 13:09:42 +02:00
|
|
|
tokens: TokenModel;
|
2022-01-19 17:24:11 +01:00
|
|
|
|
|
|
|
joinSessionClicked: boolean = false;
|
|
|
|
closeClicked: boolean = false;
|
|
|
|
isSessionAlive: boolean = false;
|
|
|
|
|
2022-03-21 14:23:50 +01:00
|
|
|
constructor(private restService: RestService) {}
|
2022-01-19 17:24:11 +01:00
|
|
|
|
2022-03-10 15:41:51 +01:00
|
|
|
async ngOnInit() {
|
|
|
|
this.tokens = {
|
2022-04-05 15:58:12 +02:00
|
|
|
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
|
|
|
};
|
2022-04-05 15:58:12 +02:00
|
|
|
|
2022-04-28 13:09:42 +02:00
|
|
|
console.log(this.tokens)
|
2022-04-05 15:58:12 +02:00
|
|
|
|
2022-04-28 13:09:42 +02:00
|
|
|
}
|
2022-01-19 17:24:11 +01:00
|
|
|
|
2022-04-28 13:09:42 +02:00
|
|
|
onJoinClicked() {
|
|
|
|
console.warn('VC JOIN BUTTON CLICKED');
|
2022-01-19 17:24:11 +01:00
|
|
|
}
|
|
|
|
|
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-02-03 17:08:23 +01:00
|
|
|
}
|
2022-01-19 17:24:11 +01:00
|
|
|
|
2022-03-10 15:41:51 +01:00
|
|
|
onToolbarLeaveButtonClicked() {
|
|
|
|
this.isSessionAlive = false;
|
|
|
|
console.log('VC LEAVE BUTTON CLICKED');
|
|
|
|
}
|
2022-01-19 17:24:11 +01:00
|
|
|
|
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-01-19 17:24:11 +01:00
|
|
|
|
2022-03-10 15:41:51 +01:00
|
|
|
onLeaveButtonClicked() {
|
2022-01-19 17:24:11 +01:00
|
|
|
this.isSessionAlive = false;
|
2022-03-10 15:41:51 +01:00
|
|
|
console.log('TOOLBAR LEAVE CLICKED');
|
2022-01-19 17:24:11 +01:00
|
|
|
}
|
|
|
|
}
|