From 49a7963aa4874757711dbe136eb7f13768f3b7ff Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Wed, 15 Apr 2020 16:46:41 +0200
Subject: [PATCH] openvidu-webcomponent: Updated tutorial

---
 openvidu-webcomponent/web/app.js | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/openvidu-webcomponent/web/app.js b/openvidu-webcomponent/web/app.js
index fd4061f8..b80ccd40 100644
--- a/openvidu-webcomponent/web/app.js
+++ b/openvidu-webcomponent/web/app.js
@@ -14,8 +14,7 @@ $(document).ready(() => {
         // https://docs.openvidu.io/en/stable/api/openvidu-browser/classes/session.html
 
         session.on('connectionCreated', (e) => {
-            form.style.display = 'none';
-            webComponent.style.display = 'block';
+            console.log("connectionCreated", e);
         });
 
         session.on('streamDestroyed', (e) => {
@@ -36,6 +35,12 @@ $(document).ready(() => {
         publisher.on('streamCreated', (e) => {
              console.log("Publisher streamCreated", e);
         });
+
+        publisher.on('streamPlaying', (e) => {
+            document.body.style.backgroundColor = "gray";
+            form.style.display = 'none';
+            webComponent.style.display = 'block';
+        });
     });
 
     webComponent.addEventListener('sessionDisconnected', (event) => {
@@ -55,8 +60,6 @@ async function joinSession() {
     var webComponent = document.querySelector('openvidu-webcomponent');
     var tokens = [];
 
-
-
     if(webComponent.getAttribute("openvidu-secret") != undefined && webComponent.getAttribute("openvidu-server-url") != undefined ){
        location.reload();
     }else {