Is there a size limit on MediaRecorder API record?

Question

I'm using MediaRecorder API to record a video, the video is suppose to run for a few hours, It is eventually around 400MB in size, I want to know if there's a predefined limit on how much data can the browser store using the API.

I couldn't find it in MDN.

score 1 · Accepted Answer · answered Jul 01 '20 at 19:09

I've been looking in w3c standard and chromium's source code.

And as it turns out, There is no standard for limiting records, every browser has its own implementation. Chrome's (chromium) limit seems to be only as the limit of its Blob's sizes that can be found here.

score 1 · Answer 2 · answered Jan 19 '23 at 02:43

Just faced similar issue, and this is my solution.

Firstly you set up a timer, then call MediaRecorder.requestData() frequently, finally check your data size.

let recordedBlobs = [];
let recordedBlobSize = 0;
let mediaRecorder = new MediaRecorder(stream, options);
mediaRecorder.onstop = handleStop;
mediaRecorder.ondataavailable = handleDataAvailable;
mediaRecorder.start();
setInterval(onTimerUpdate, 10000)

function onTimerUpdate() {
    mediaRecorder.requestData()
}

function handleDataAvailable(event) {
    if (event.data && event.data.size > 0) {
        recordedBlobs.push(event.data);
        recordedBlobSize += event.data.size
        // check your size here
    }
}

Is there a size limit on MediaRecorder API record?

2 Answers2