Update scripts/video.js

scripts/video.js

@@ -1,33 +1,30 @@
 // scripts/video.js
 
-// This function will contain the logic for the video recording feature.
 async function startRecording() {
-    try {
-        // Use the Media Devices API to request screen access from the user.
-        // This will cause the browser to show a "Share your screen" permission pop-up.
-        const stream = await navigator.mediaDevices.getDisplayMedia({
-            video: {
-                mediaSource: "screen"
-            }
-        });
+    // First, check if the browser supports the getDisplayMedia API at all.
+    if (navigator.mediaDevices && navigator.mediaDevices.getDisplayMedia) {
+        // If it exists, try to use it.
+        try {
+            const stream = await navigator.mediaDevices.getDisplayMedia({
+                video: true
+            });
+            // If the user gives permission, this code will run.
+            alert("Screen access granted! Recording can now begin.");
+            // (The actual logic to handle the video stream would go here)
 
-        // For now, we will just log that we got permission.
-        // In a real app, you would use this 'stream' object to record a video.
-        console.log("Screen access granted!", stream);
-        alert("Screen access granted! Recording has started (in theory).");
-
-    } catch (error) {
-        // This will run if the user clicks "Cancel" on the permission pop-up.
-        console.error("Error starting screen recording:", error);
-        alert(`Could not start recording. Error: ${error.message}`);
+        } catch (error) {
+            // This will run if the user denies permission.
+            alert(`Screen recording was cancelled or denied. Error: ${error.message}`);
+        }
+    } else {
+        // If the API doesn't exist, inform the user gracefully.
+        alert("Sorry, your browser or current viewing environment does not support screen recording.");
     }
 }
 
-
 export function initVideo() {
     const startBtn = document.getElementById('start-recording');
     if (startBtn) {
-        // We replace the old alert with a call to our new function.
         startBtn.addEventListener('click', startRecording);
     }
 }