问题描述
我正在尝试使用 mediaRecorder API 并使其在最多的浏览器上运行
video/webm;codecs=vp8,opus：在 chrome 和 Firefox 上工作正常......但在 Safari 上不行
video/mp4;codecs:h264：适用于 Safari 和 Chrome.. 但不适用于 Firefox
Safari 现在似乎可以播放 webm。
使用什么 MIME 类型使其在 3 个浏览器上运行？
解决方法
您需要使用 MediaRecorder.isMediaTypeSupported API 来了解您使用的浏览器支持什么。见this open PR for details。
但这对播放没有帮助。
,我一直在尝试同样的事情，至少可以说很痛苦。
我可以使用 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。
欢迎提出其他建议。
,你无意中卷入了一场电子政治的食物大战。
不幸的是，没有浏览器之间的编解码器的通用性。您将无法找到通用编解码器。 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 年第一季度的现实。