openvidu/openvidu-components-angular/projects/openvidu-angular/src/lib/components/videoconference/videoconference.component.ts

import { Component, Input, OnInit } from '@angular/core';
import { RestService } from '../../services/rest/rest.service';

@Component({
	selector: 'ov-videoconference',
	templateUrl: './videoconference.component.html',
	styleUrls: ['./videoconference.component.css']
})
export class VideoconferenceComponent implements OnInit {
	@Input() sessionName: string;
	@Input() userName: string;
	@Input() openviduServerUrl: string;
	@Input() openviduSecret: string;
	@Input() tokens: { webcam: string; screen: string };

	joinSessionClicked: boolean = false;
	closeClicked: boolean = false;
	isSessionAlive: boolean = false;
	_tokens: { webcam: string; screen: string };
	error: boolean = false;
	errorMessage: string = '';

	constructor(private restService: RestService) {}

	ngOnInit() {}

	async onJoinClicked() {
		if (!this.tokens || (!this.tokens?.webcam && !this.tokens?.screen)) {
			//No tokens received

			if (!!this.sessionName && !!this.openviduServerUrl && !!this.openviduSecret) {
				// Generate tokens
				this._tokens = {
					webcam: await this.restService.getToken(this.sessionName, this.openviduServerUrl, this.openviduSecret),
					screen: await this.restService.getToken(this.sessionName, this.openviduServerUrl, this.openviduSecret)
				};
			} else {
				// No tokens received and can't generate them
				this.error = true;
				this.errorMessage = `Cannot access to OpenVidu Server with url '${this.openviduServerUrl}' to genere tokens for session '${this.sessionName}'`;
				throw this.errorMessage;
			}
		} else if (!this.tokens?.webcam || !this.tokens?.screen) {
			// 1 token received
			const aditionalToken = await this.restService.getToken(this.sessionName, this.openviduServerUrl, this.openviduSecret);
			this._tokens = {
				webcam: !!this.tokens.webcam ? this.tokens.webcam : aditionalToken,
				screen: !!this.tokens.screen ? this.tokens.screen : aditionalToken
			};
		} else {
			// 2 tokens received.
			this._tokens = {
				webcam: this.tokens.webcam,
				screen: this.tokens.screen
			};
		}
		this.joinSessionClicked = true;
		this.isSessionAlive = true;
	}
	onLeaveSessionClicked() {
		this.isSessionAlive = false;
		this.closeClicked = true;
	}

	onMicClicked() {}

	onCamClicked() {}

	onScreenShareClicked() {}

	onSpeakerLayoutClicked() {}
}