v136 · multimedia
Recording Benchmark
Test every H26x codec string against MediaRecorder.isTypeSupported(), then record a 3-second canvas animation in the selected codec and measure the output size. Compares the new Chrome 136 strings (hvc1.*, hev1.*, avc3.*) alongside the legacy ones.
checking MediaRecorder…
checking HEVC support…
Codec support matrix
| Codec string | Family | Container | New in Chrome 136 | isTypeSupported() |
|---|---|---|---|---|
| Running checks… | ||||
Record canvas animation
Select a supported codec and click "Record 3s".
How to pick a codec string
// Chrome 136 adds three codec families:
// hvc1.* — HEVC with in-band parameter sets (most compatible for playback)
// hev1.* — HEVC with out-of-band parameter sets (supports variable resolution)
// avc3.* — H.264 with out-of-band parameter sets (variable resolution H.264)
// Always probe before use:
if (MediaRecorder.isTypeSupported('video/mp4;codecs=hvc1.1.6.L93.B0')) {
recorder = new MediaRecorder(stream, { mimeType: 'video/mp4;codecs=hvc1.1.6.L93.B0' });
}
// For variable-resolution recording (Chrome 136+), prefer hev1 or avc3:
// 'video/mp4;codecs=hev1.1.6.L93.B0' — HEVC variable-res
// 'video/mp4;codecs=avc3.42E01E' — H.264 variable-res
// Fallback chain:
// hvc1 → hev1 → avc1 → avc3 → vp9 → vp8