Listen for websocket event when browser is closed (#74)

src/components/Browser.vue

@@ -49,7 +49,7 @@
         </button>
         <button
           v-if="isTeacher"
-          @click="closeWebsite"
+          @click="closeBrowser"
           :disabled="!isStreaming"
           class="btn btn-sm ms-2"
         >
@@ -145,8 +145,8 @@
   /**
    * Closes the currently opened website using the browser channel. It also resets the streaming and video source.
    */
-  function closeWebsite() {
-    channel.browser.closeWebsite();
+  function closeBrowser() {
+    channel.browser.closeBrowser();
     isStreaming.value = false;
     browserVideo.value!.srcObject = null;
   }

src/composables/channel/browser.ts

@@ -39,6 +39,10 @@ export const useBrowser = () => {
       loadBrowserStream();
     });
 
+    socket.on('close-browser', () => {
+      browserStream.value = null;
+    });
+
     socket.on('browser-url', (newUrl: string) => {
       setUrl(newUrl);
     });
@@ -74,11 +78,11 @@ export const useBrowser = () => {
   }
 
   /**
-   * Closes the website on the browser
+   * Closes the browser
    */
-  function closeWebsite() {
+  function closeBrowser() {
     browserStream.value = null;
-    socket?.emit('close-website');
+    socket?.emit('close-browser');
   }
 
   /**
@@ -158,7 +162,7 @@ export const useBrowser = () => {
     loadBrowserStream,
     setUrl,
     openWebsite,
-    closeWebsite,
+    closeBrowser,
     moveMouse,
     mouseDown,
     mouseUp,