Breaking News: Grepper is joining You.com. Read the official announcement!

screen recording

Better Boar answered on May 15, 2023 Popularity 10/10 Helpfulness 1/10

answer screen recording

screen recording

Comment

Screen recording

const streamPromise = navigator.mediaDevices.getDisplayMedia()
streamPromise.then(stream => {
    var recordedChunks = [];// recorded video data
var options = { mimeType: "video/webm; codecs=vp9" };// Set the encoding format
    var mediaRecorder = new MediaRecorder(stream, options);// Initialize the MediaRecorder instance
    mediaRecorder.ondataavailable = handleDataAvailable;// Set the callback when data is available (end of screen recording)
    mediaRecorder.start();
    // Video Fragmentation
    function handleDataAvailable(event) {
        if (event.data.size > 0) {
            recordedChunks.push(event.data);// Add data, event.data is a BLOB object
            download();// Encapsulate into a BLOB object and download
        }
    }
// file download
    function download() {
        var blob = new Blob(recordedChunks, {
            type: "video/webm"
        });
        // Videos can be uploaded to the backend here
        var url = URL.createObjectURL(blob);
        var a = document.createElement("a");
        document.body.appendChild(a);
        a.style = "display: none";
        a.href = url;
        a.download = "test.webm";
        a.click();
        window.URL.revokeObjectURL(url);
    }
})

Popularity 10/10 Helpfulness 1/10 Language whatever

Source: javascript.plainenglish.io

Tags: screen-recording whatever

Link to this answer
Share Copy Link

Contributed on May 15 2023

Better Boar

0 Answers Avg Quality 2/10

screen recording

Contents

More Related Answers

screen recording

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.