Fixed necessity to reload vue page the first time and screenShare beh…

…aviour
codeurjc-students · May 28, 2023 · 8870794 · 8870794
1 parent 6d6baa7
commit 8870794
Show file tree

Hide file tree

Showing 5 changed files with 24 additions and 12 deletions.
diff --git a/openvidu-call-vuetify-frontend/package-lock.json b/openvidu-call-vuetify-frontend/package-lock.json
diff --git a/openvidu-call-vuetify-frontend/package.json b/openvidu-call-vuetify-frontend/package.json
@@ -18,7 +18,7 @@
     "unique-names-generator": "^4.7.1",
     "vue": "^3.2.13",
     "vue-router": "^4.0.0",
-    "vuetify": "^3.0.0",
+    "vuetify": "^3.2.2",
     "webfontloader": "^1.0.0"
   },
   "devDependencies": {

diff --git a/openvidu-call-vuetify-frontend/src/App.vue b/openvidu-call-vuetify-frontend/src/App.vue
@@ -5,5 +5,5 @@
 </template>
 
 <script setup>
-  //
+  import 'vuetify/dist/vuetify.min.css'
 </script>
diff --git a/openvidu-call-vuetify-frontend/src/router/index.js b/openvidu-call-vuetify-frontend/src/router/index.js
@@ -6,7 +6,7 @@ import AuthService from '@/api/AuthService';
 
 const routes = [
   {
-    path: '/',
+    path: '',
     name: 'Home',
     component: Home,
   },

diff --git a/openvidu-call-vuetify-frontend/src/views/Call.vue b/openvidu-call-vuetify-frontend/src/views/Call.vue
@@ -140,7 +140,7 @@
 
 <script>
     import router from '@/router';
-    import { OpenVidu, StreamPropertyChangedEvent } from "openvidu-browser";
+    import { OpenVidu } from "openvidu-browser";
     import UserVideo from "../components/UserVideo.vue";
     import SessionService from "@/api/SessionService";
     
@@ -204,7 +204,7 @@
             this.sessionPublisher = this.OVPublisher.initSession();
             this.sessionScreenShare = this.OVScreenShare.initSession();
 
-            // Specify session´s behavior
+            // Specify session´s publisher behavior
             this.sessionPublisher.on("streamCreated", ({ stream }) => {
                 const subscriber = this.sessionPublisher.subscribe(stream);
                 this.subscribers.push(subscriber); 
@@ -241,6 +241,18 @@
                 }           
             })
 
+            // Specify session´s screen share behavior
+            this.sessionScreenShare.on("streamDestroyed", ({ stream }) => {
+                const index = this.subscribers.indexOf(stream.streamManager, 0);
+                if (index >= 0) {
+                    this.subscribers.splice(index, 1);
+                }                
+            });
+
+            this.sessionScreenShare.on("exception", ({ exception }) => {
+                console.warn(exception);
+            });
+
             // Get input sources
             this.OVPublisher.getDevices().then(devices => {
                 var videoDevices = devices.filter(device => device.kind === 'videoinput');