4

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

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

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

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

让它在两个浏览器上运行的 mime 类型是什么?

4

3 回答 3

3

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

我可以使用 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。

欢迎提出其他建议。

于 2021-06-07T14:30:51.377 回答
2

您需要使用 MediaRecorder.isMediaTypeSupported API 来了解您使用的浏览器支持什么。有关详细信息,请参阅此公开 PR

然而,这对播放没有帮助。

于 2021-03-02T13:30:13.100 回答
0

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

遗憾的是,浏览器之间的编解码器没有通用性。您将无法找到通用的编解码器。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 允许端点相互协商编解码器。在我看来,这是修补这种电子政治争吵的一种笨拙方式。

这不是一个好情况。但这是 Q1CY2021 的现实。

于 2021-03-02T12:06:47.287 回答