openvidu-webcomponent: Updated tutorial

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

View File

@ -24,6 +24,13 @@ $(document).ready(() => {
session.on('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) => {
@ -33,7 +40,7 @@ $(document).ready(() => {
// https://docs.openvidu.io/en/stable/api/openvidu-browser/classes/publisher.html
publisher.on('streamCreated', (e) => {
console.log("Publisher streamCreated", e);
console.warn("Publisher streamCreated", 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) => {
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
*/
var OPENVIDU_SERVER_URL = "https://demos.openvidu.io:4443" ;
var OPENVIDU_SERVER_URL = "https://localhost:4443" ;
var OPENVIDU_SERVER_SECRET = 'MY_SECRET';
function getToken(sessionName) {

View File

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