How I can merge audio and video blob on JavaScript/jQuery?

Question

I use Video.js Record for recording video from webcam with sound.

Firefox browser returns a single WebM blob object - and this is OK. But Chrome browser returns two separate blob objects: one for audio and one for video.

How I can get a single WebM blob object from Chrome browser? Or how I can merge these two blob objects to a single WebM blob object?

Answer 1

Use the built-in blob api https://developer.mozilla.org/en-US/docs/Web/API/Blob/Blob

let newBlob = new Blob(array, options);

Check out this question Appending Blob data

https://stackoverflow.com/users/977809/nkron seems to have what a complete example of what you're looking for