download_video_element.js
· 939 B · JavaScript
Raw
// Record a video element and download the recording. Workaround download method for blob videos that cannot be downloaded directly.
function dl(videoElement) {
let recordedChunks = [];
const stream = videoElement.captureStream();
mediaRecorder = new MediaRecorder(stream, { mimeType: "video/mp4" });
mediaRecorder.ondataavailable = (event) => {
if (event.data.size > 0) {
recordedChunks.push(event.data);
}
};
mediaRecorder.onstop = () => {
const blob = new Blob(recordedChunks, { type: "video/mp4" });
const url = URL.createObjectURL(blob);
const a = document.createElement("a");
a.href = url;
a.download = `${Date.now()}.mp4`;
document.body.appendChild(a);
a.click();
URL.revokeObjectURL(url);
};
videoElement.onplay = () => {
mediaRecorder.start();
};
videoElement.onended = () => {
mediaRecorder.stop();
};
videoElement.loop = false;
videoElement.currentTime = 0;
videoElement.play();
}
| 1 | // Record a video element and download the recording. Workaround download method for blob videos that cannot be downloaded directly. |
| 2 | function dl(videoElement) { |
| 3 | let recordedChunks = []; |
| 4 | |
| 5 | const stream = videoElement.captureStream(); |
| 6 | |
| 7 | mediaRecorder = new MediaRecorder(stream, { mimeType: "video/mp4" }); |
| 8 | |
| 9 | mediaRecorder.ondataavailable = (event) => { |
| 10 | if (event.data.size > 0) { |
| 11 | recordedChunks.push(event.data); |
| 12 | } |
| 13 | }; |
| 14 | |
| 15 | mediaRecorder.onstop = () => { |
| 16 | const blob = new Blob(recordedChunks, { type: "video/mp4" }); |
| 17 | const url = URL.createObjectURL(blob); |
| 18 | const a = document.createElement("a"); |
| 19 | a.href = url; |
| 20 | a.download = `${Date.now()}.mp4`; |
| 21 | document.body.appendChild(a); |
| 22 | a.click(); |
| 23 | URL.revokeObjectURL(url); |
| 24 | }; |
| 25 | |
| 26 | videoElement.onplay = () => { |
| 27 | mediaRecorder.start(); |
| 28 | }; |
| 29 | |
| 30 | videoElement.onended = () => { |
| 31 | mediaRecorder.stop(); |
| 32 | }; |
| 33 | |
| 34 | videoElement.loop = false; |
| 35 | videoElement.currentTime = 0; |
| 36 | videoElement.play(); |
| 37 | } |