demo · v136

MediaRecorder HEVC

Probe MediaRecorder.isTypeSupported for the new hvc1.* / hev1.* / avc3.* codec strings, then record a canvas to MP4 with whichever string your build accepts.

Probing…

codec string support

codec stringisTypeSupported

record a canvas

last blob mimeType
last blob size

playback

the code

MediaRecorder.isTypeSupported('video/mp4;codecs="hvc1.1.6.L93.B0"');
MediaRecorder.isTypeSupported('video/mp4;codecs="hev1.1.6.L93.B0"');
MediaRecorder.isTypeSupported('video/mp4;codecs="avc3.42E01E"');

const rec = new MediaRecorder(canvas.captureStream(30), {
  mimeType: 'video/mp4;codecs="hvc1.1.6.L93.B0"',
});

see also