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

openvidu-webcomponent: Updated tutorial

Browse Source
This commit is contained in:
csantosm 2020-04-16 12:08:53 +02:00
parent fe1f9329a6
commit 29b80ccac4
2 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
openvidu-webcomponent/web/app.js
View File

@ -24,6 +24,13 @@ $(document).ready(() => {
session.on('streamCreated', (e) => { session.on('streamCreated', (e) => {
console.log("streamCreated", e); console.log("streamCreated", e);
}); });
session.on('sessionDisconnected', (event) => {
console.warn("sessionDisconnected event");
document.body.style.backgroundColor = "white";
form.style.display = 'block';
webComponent.style.display = 'none';
});
}); });
webComponent.addEventListener('publisherCreated', (event) => { webComponent.addEventListener('publisherCreated', (event) => {
@ -33,7 +40,7 @@ $(document).ready(() => {
// https://docs.openvidu.io/en/stable/api/openvidu-browser/classes/publisher.html // https://docs.openvidu.io/en/stable/api/openvidu-browser/classes/publisher.html
publisher.on('streamCreated', (e) => { publisher.on('streamCreated', (e) => {
console.log("Publisher streamCreated", e); console.warn("Publisher streamCreated", e);
}); });
publisher.on('streamPlaying', (e) => { publisher.on('streamPlaying', (e) => {
@ -43,11 +50,6 @@ $(document).ready(() => {
}); });
}); });
webComponent.addEventListener('sessionDisconnected', (event) => {
console.warn("sessionDisconnected event");
form.style.display = 'block';
webComponent.style.display = 'none';
});
webComponent.addEventListener('error', (event) => { webComponent.addEventListener('error', (event) => {
console.log('Error event', event.detail); console.log('Error event', event.detail);
@ -82,7 +84,7 @@ async function joinSession() {
* 3) Configure OpenVidu Web Component in your client side with the token * 3) Configure OpenVidu Web Component in your client side with the token
*/ */
var OPENVIDU_SERVER_URL = "https://demos.openvidu.io:4443" ; var OPENVIDU_SERVER_URL = "https://localhost:4443" ;
var OPENVIDU_SERVER_SECRET = 'MY_SECRET'; var OPENVIDU_SERVER_SECRET = 'MY_SECRET';
function getToken(sessionName) { function getToken(sessionName) {

2
openvidu-webcomponent/web/index.html
View File

@ -33,7 +33,7 @@
</div> </div>
<!-- OpenVidu Web Component --> <!-- OpenVidu Web Component -->
<openvidu-webcomponent style="display: none;"></openvidu-webcomponent> <openvidu-webcomponent style="display: none"></openvidu-webcomponent>
</body> </body>