Github/screenshot-to-code
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

stop the screen sharing stream after it's recording is done

Browse Source
This commit is contained in:
Abi Raja 2024-03-15 13:41:35 -04:00
parent 1a42f6a91b
commit 4e30b207c1
1 changed files with 11 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/components/recording/ScreenRecorder.tsx
View File

@ -19,6 +19,7 @@ function ScreenRecorder({
setScreenRecorderState, setScreenRecorderState,
generateCode, generateCode,
}: Props) { }: Props) {
const [mediaStream, setMediaStream] = useState<MediaStream | null>(null);
const [mediaRecorder, setMediaRecorder] = useState<MediaRecorder | null>( const [mediaRecorder, setMediaRecorder] = useState<MediaRecorder | null>(
null null
); );
@ -33,6 +34,7 @@ function ScreenRecorder({
video: true, video: true,
audio: { echoCancellation: true }, audio: { echoCancellation: true },
}); });
setMediaStream(stream);
// TODO: Test across different browsers // TODO: Test across different browsers
// Create the media recorder // Create the media recorder
@ -55,6 +57,7 @@ function ScreenRecorder({
); );
const dataUrl = await blobToBase64DataUrl(completeBlob); const dataUrl = await blobToBase64DataUrl(completeBlob);
setScreenRecordingDataUrl(dataUrl); setScreenRecordingDataUrl(dataUrl);
setScreenRecorderState(ScreenRecorderState.FINISHED); setScreenRecorderState(ScreenRecorderState.FINISHED);
}; };
@ -69,10 +72,18 @@ function ScreenRecorder({
}; };
const stopScreenRecording = () => { const stopScreenRecording = () => {
// Stop the recorder
if (mediaRecorder) { if (mediaRecorder) {
mediaRecorder.stop(); mediaRecorder.stop();
setMediaRecorder(null); setMediaRecorder(null);
} }
// Stop the screen sharing stream
if (mediaStream) {
mediaStream.getTracks().forEach((track) => {
track.stop();
});
}
}; };
const kickoffGeneration = () => { const kickoffGeneration = () => {