src/lib/VueJanus.vue

@@ -107,6 +107,7 @@
                 direction="top"
                 open-on-hover
         >
+
             <template v-slot:activator>
                 <v-btn
                         v-model="fab"
@@ -118,14 +119,27 @@
                     <v-icon v-else>mdi-cog-outline</v-icon>
                 </v-btn>
             </template>
+
+            <v-tooltip right>
+                <template v-slot:activator="{ on }">
                     <v-btn
+                        v-on="on"
                         fab
                         dark
                         small
                         @click="sharePdf=true"
                     >
                         <v-icon>mdi-pdf-box</v-icon>
-            </v-btn> <v-btn
+                    </v-btn> 
+                </template>
+
+                <span>Toggle Share PDF</span>
+            </v-tooltip>
+
+            <v-tooltip right>
+                <template v-slot:activator="{ on }">
+                    <v-btn
+                        v-on="on"
                         fab
                         dark
                         small
@@ -133,7 +147,15 @@
                     >
                         <v-icon>mdi-compare</v-icon>
                     </v-btn>
+                </template>
+
+                <span>Toggle Theme</span>
+            </v-tooltip>
+            
+            <v-tooltip right>
+                <template v-slot:activator="{ on }">
                     <v-btn
+                        v-on="on"
                             fab
                             dark
                             small
@@ -142,7 +164,15 @@
                     >
                         <v-icon>mdi-camera-outline</v-icon>
                     </v-btn>
+                </template>
+
+                <span>Toggle Camera</span>
+            </v-tooltip>
+            
+            <v-tooltip right>
+                <template v-slot:activator="{ on }">
                     <v-btn
+                        v-on="on"
                         fab
                         :dark="!screenShareStarted"
                         small
@@ -150,6 +180,10 @@
                     >
                         <v-icon>mdi-monitor-screenshot</v-icon>
                     </v-btn>
+                </template>
+
+                <span>Toggle Share Screen</span>
+            </v-tooltip>
         </v-speed-dial>
     </v-container>
 </template>
@@ -246,7 +280,7 @@
             },
             onlocalstreamScreen (stream) {
                 if(this.screenShareStarted)
-                    this.screenShareStarted=false;
+                    this.screenShareStarted=true;
 
                 this.$refs.ownstreamscreen.srcObject = stream
             },
@@ -272,7 +306,9 @@
                         onlocalstream: this.onlocalstreamScreen
                     }
                 )
-                this.screenShareStarted=true;
+
+                this.mozillaAlert=false;
+                this.chromeAlert=false;
             },
             screenShareStop(){
                 var srcObject=this.$refs.ownstreamscreen.srcObject;
@@ -282,6 +318,8 @@
                 var unpublish = { request: 'unpublish' };
                 this.janusScreenShareHandle.send({ message: unpublish });
                 this.janusScreenShareHandle.detach();
+
+                this.screenShareStarted=false;
             },
             screenShare () {
                 if(!this.$janus.isExtensionEnabled()) {