mediaRecorder：使用什么 mime 类型才能使其在 Safari、Chrome 和 Firefox 上运行？

Question

我正在尝试使用 mediaRecorder API 并使其在大多数浏览器上运行

video/webm;codecs=vp8,opus：在 chrome 和 Firefox 上工作正常，但在 Safari 上不行

video/mp4;codecs:h264：适用于 Safari 和 Chrome..但不适用于 Firefox

看起来 Safari 现在可以播放 webm 了。

使用什么 MIME 类型才能使其在这 3 个浏览器上运行？

Answer 1

我一直在尝试同样的事情，至少可以说这是痛苦的。

我可以使用 MediaRecorder 在 Chrome、Firefox、Edge 和 Safari 上录制视频。但生成的视频无法在所有浏览器上播放。

Safari - mp4 和 mp4 格式的记录将在所有浏览器上播放

Chrome 和 Edge - 我正在使用 录制mimeType: "video/webm;codecs=vp9"，它将在 Chrome、Firefox 和 Edge 上播放，但不能在 Safari 上播放。

Firefox - 我使用默认值。它将在 Chrome、Firefox 和 Edge 上播放，但不能在 Safari 上播放。

据说Safari 将在 macOS Big Sur 11.3 上播放 webm。我需要升级来测试这个。

不幸的是 iOS 仍然不支持 webm，所以我正在研究 Cloudconvert API，在存储到 S3 之前将 webm 视频转换为 mp4。

欢迎其他建议。

Answer 2

你无意中陷入了一场电子政治的粮食斗争。

遗憾的是，浏览器之间的编解码器没有通用性。您将无法找到通用的编解码器。苹果（Safari）牢牢占据H.264/AAC世界、MP4世界。

Chrome 支持 H.264（它会带来专利负担），但开源 Chromium 除外。完全开源的 Chromium 浏览器则不然。Firefox 通过 OpenH264.org 自动安装的插件支持，但它仅支持 H.264 的受限基线版本，而不支持更高级的版本。使用 MIME 类型video/webm; codecs="avc1.42E01F"，您就可以在 Firefox 和 Chrome 中正常使用。

微软新的 Edge 支持与 Chrome 相同的功能。

WebRTC 允许端点相互协商编解码器。在我看来，这是解决这场电子政治争端的一种笨拙的方式。

这不是一个好情况。但这是 2021 年第一季度的现实。