Merge pull request 'stop screen share button added' (#2) from gencoglutugrul/projectx:master into master

Reviewed-on: xcoder/projectx#2

src/App.vue

@@ -1,7 +1,8 @@
 <template>
   <v-app>
     <v-content>
-      <v-text-field  v-if="!start" v-model="username" label="please enter name"></v-text-field> <v-btn v-if="!start" @click="startM">Start</v-btn>
+      <v-text-field  v-if="!start" v-model="username" label="please enter name"></v-text-field> 
+      <v-btn v-if="!start" @click="startM">Start</v-btn>
       <VueJanus v-if="start" server="https://vid.w3ic.org/janus" :room="room" :username="username"/>
     </v-content>
   </v-app>

src/lib/VueJanus.vue

@@ -1,7 +1,10 @@
 <template>
     <v-container>
         <v-btn @click="deviceSelectDialog = true">change</v-btn>
+
         <v-btn @click="screenShare">share a screen</v-btn>
+        <v-btn @click="screenShareStop" v-if="screenShareStarted">stop screen share</v-btn>
+
         <v-btn @click="sharePdf=true">share a pdf</v-btn>
         <PdfShare v-if="sharePdf" :username="username"  :opaque-id="opaqueId" :room="room" :janus-init="janusInit" ></PdfShare>
 
@@ -132,7 +135,8 @@
                 deviceSelectDialog: false,
                 noVid: false,
                 shareScreenId: null,
-                remoteStreams: []
+                remoteStreams: [],
+                screenShareStarted: false
             }
         },
         name: "VueJanus",
@@ -204,7 +208,18 @@
                         onlocalstream: this.onlocalstreamScreen
                     }
                 )
+                this.screenShareStarted=true;
+            },
+            screenShareStop(){
+                var srcObject=this.$refs.ownstreamscreen.srcObject;
+                for (const track of srcObject.getTracks()) {
+                    track.stop();
+                }
+                var unpublish = { request: 'unpublish' };
+                this.janusScreenShareHandle.send({ message: unpublish });
+                this.janusScreenShareHandle.detach();
 
+                this.screenShareStarted=false;
             },
             screenShare () {
                 if(!this.$janus.isExtensionEnabled()) {