mediaRecorder : 使用什么 mime 类型让它在 Safari、Chrome 和 Firefox 上运行？答案

【问题标题】：mediaRecorder : what mime type to use to make it run on Safari, Chrome and Firefox?mediaRecorder : 使用什么 mime 类型让它在 Safari、Chrome 和 Firefox 上运行？
【发布时间】：2021-05-31 11:08:25
【问题描述】：

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

video/webm;codecs=vp8,opus：在 chrome 和 Firefox 上运行良好.. 但在 Safari 上不行

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

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

要在这 3 种浏览器上运行的 mime 类型是什么？

【问题讨论】：

“运行”是什么意思？您希望能够在所有平台上播放录制的视频吗？或者您只是希望能够使用相同的设置“录制”？如果是后者，为什么？
两者：录制和播放，无需使用ffmpeg转码

标签： safari html5-video web-mediarecorder

【解决方案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 will playback webm with macOS Big Sur 11.3。我需要升级来测试一下。

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

欢迎提出其他建议。

【讨论】：

【解决方案2】：

你无意中卷入了一场电子政治的食物大战。

遗憾的是，浏览器之间的编解码器没有通用性。您将无法找到通用的编解码器。 Apple (Safari) 在 H.264 / AAC 世界，MP4 世界中坚定不移。

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

Microsoft 新 Edge 支持与 Chrome 相同的东西。

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

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

【讨论】：

这是有道理的。看起来 Safari 是 video/mp4；codecs:h264 而其他的是 video/webm。我真的不明白的是，Safari 宣布他现在处理 webm，而我确实使用最新的 Safari 版本。
Safari 仅在 webRTC 上下文中处理 webm。它实际上无法播放 webm。
抱歉，video/webm; codecs="avc1.42E01F" 在 Firefox 89（Linux 或 Windows）上根本不起作用

【解决方案3】：

您需要使用 MediaRecorder.isMediaTypeSupported API 来了解您使用的浏览器支持什么。见this open PR for details。

但这对播放没有帮助。

【讨论】：