Download local blob data url video

gistfile1.txt

async function downloadProtectedVideo(videoElement, filename = 'video.mp4') {
    try {
        // Create a MediaRecorder to capture the video stream
        const stream = videoElement.captureStream();
        const mediaRecorder = new MediaRecorder(stream, {
            mimeType: 'video/webm;codecs=vp9'
        });
        
        const chunks = [];
        
        mediaRecorder.ondataavailable = (e) => {
            if (e.data.size > 0) {
                chunks.push(e.data);
            }
        };
        
        mediaRecorder.onstop = () => {
            const blob = new Blob(chunks, { type: 'video/webm' });
            const url = window.URL.createObjectURL(blob);
            const a = document.createElement('a');
            a.style.display = 'none';
            a.href = url;
            a.download = filename || 'recorded_video.mp4';
            document.body.appendChild(a);
            a.click();
            window.URL.revokeObjectURL(url);
            document.body.removeChild(a);
        };

        // Start recording
        videoElement.currentTime = 0; // Reset to beginning
        await videoElement.play();
        mediaRecorder.start();

        // Stop recording when video ends
        videoElement.addEventListener('ended', () => {
            mediaRecorder.stop();
        });

        // Or you can manually stop it after a specific duration:
        // setTimeout(() => mediaRecorder.stop(), durationInMilliseconds);
    } catch (error) {
        console.error('Failed to download video:', error);
    }
}

const video = document.querySelector('video')
await downloadProtectedVideo(video)