Stop the screen recording when the user stops sharing.

When the browsers 'stop sharing' button is clicked, the recording doesn't get stopped. The user has to click the stop button in the app UI.

Author: nnaemekaibe

src/index.ts

@@ -85,6 +85,9 @@ export function useReactMediaRecorder({
         const stream = (await window.navigator.mediaDevices.getDisplayMedia({
           video: video || true,
         })) as MediaStream;
+        stream.getVideoTracks()[0].addEventListener("ended", () => {
+          stopRecording();
+        });
         if (audio) {
           const audioStream = await window.navigator.mediaDevices.getUserMedia({
             audio,