-
- - {{ localParticipant.nickname }}
-
-
-
+
+
`,
@@ -25,9 +19,7 @@ export class ParticipantPanelItemElementsDirectiveComponent {
OPENVIDU_URL = 'https://localhost:4443';
OPENVIDU_SECRET = 'MY_SECRET';
- constructor(private restService: RestService, private participantService: ParticipantService) {}
-
-
+ constructor(private restService: RestService, private openviduService: OpenViduService) {}
async onJoinButtonClicked() {
this.tokens = {
@@ -36,5 +28,7 @@ export class ParticipantPanelItemElementsDirectiveComponent {
};
}
-
+ leaveSession() {
+ this.openviduService.disconnect();
+ }
}
diff --git a/openvidu-components-angular/src/app/openvidu-call/call.component.html b/openvidu-components-angular/src/app/openvidu-call/call.component.html
index 6d1fa7e9..fbcb503d 100644
--- a/openvidu-components-angular/src/app/openvidu-call/call.component.html
+++ b/openvidu-components-angular/src/app/openvidu-call/call.component.html
@@ -10,87 +10,4 @@
(onToolbarChatPanelButtonClicked)="onToolbarChatPanelButtonClicked()"
[minimal]="false"
>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/openvidu-components-angular/src/app/openvidu-call/call.component.ts b/openvidu-components-angular/src/app/openvidu-call/call.component.ts
index e8a6f305..62e91e74 100644
--- a/openvidu-components-angular/src/app/openvidu-call/call.component.ts
+++ b/openvidu-components-angular/src/app/openvidu-call/call.component.ts
@@ -1,6 +1,7 @@
import { Component, OnInit } from '@angular/core';
+import { TokenModel } from 'dist/openvidu-angular/public-api';
import { RestService } from '../services/rest.service';
-import { Router } from '@angular/router';
+
@Component({
selector: 'app-call',
templateUrl: './call.component.html',
@@ -11,7 +12,7 @@ export class CallComponent implements OnInit {
sessionId = 'daily-call';
OPENVIDU_URL = 'https://localhost:4443';
OPENVIDU_SECRET = 'MY_SECRET';
- tokens: { webcam: string; screen: string };
+ tokens: TokenModel;
joinSessionClicked: boolean = false;
closeClicked: boolean = false;
@@ -24,23 +25,13 @@ export class CallComponent implements OnInit {
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)
};
+
+ console.log(this.tokens)
+
}
- async onJoinClicked() {
+ onJoinClicked() {
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))
-
-
-
- // setInterval(() => {
- // this.value = !this.value;
- // }, 1000);
}
onToolbarCameraButtonClicked() {
diff --git a/openvidu-components-angular/src/assets/images/logo2.png b/openvidu-components-angular/src/assets/images/logo2.png
deleted file mode 100644
index 4c2bfc8534a9af5c43c6c3ac0220cee087fd5ac0..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 4106
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
diff --git a/openvidu-components-angular/src/styles.scss b/openvidu-components-angular/src/styles.scss
index 6fb8e6b6..5dbacb25 100644
--- a/openvidu-components-angular/src/styles.scss
+++ b/openvidu-components-angular/src/styles.scss
@@ -40,17 +40,18 @@ $openvidu-components-theme: mat.define-light-theme((
:root {
--ov-primary-color: #303030;
--ov-secondary-color: #3e3f3f;
- --ov-secondary-light-color: #e6e6e6;
--ov-tertiary-color: #598eff;
--ov-warn-color: #EB5144;
--ov-accent-color: #ffae35;
+ --ov-light-color: #e6e6e6;
+ --ov-logo-background-color: #3a3d3d;
--ov-text-color: #ffffff;
--ov-panel-text-color: #1d1d1d;
--ov-panel-background: #ffffff;
- --ov-buttons-radius: 50%; // border-radius property
+ --ov-buttons-radius: 50%;
--ov-leave-button-radius: 10px;
--ov-video-radius: 5px;
--ov-panel-radius: 5px;