Safari中WebM与Opus编码支持问题：版本说明与实际兼容性差异问询

问题解答 #

• 关于发布说明是否存在错误：发布说明本身没有事实错误，只是描述的适用范围没有明确标注，很容易造成误解。
• 关于是否存在理解偏差：你大概率是把发布说明里的支持范围理解为了全场景支持，实际上苹果标注的「iPadOS 15上的MSE支持WebM视频、WebM容器支持Opus」仅适用于WebRTC通信场景，普通的HTML5
• 关于特殊配置技巧：可根据你的使用场景选择对应方案：
  • 如果你是WebRTC相关开发：不需要额外配置，直接按照标准WebRTC规范编码输出WebM+Opus流即可在iPadOS/iOS 15+的Safari上正常运行
  • 如果你是普通音视频点播/直播场景：
    1. 最优兼容方案：准备双份资源，非Safari浏览器走WebM+Opus，Safari浏览器 fallback 到H.264/AAC编码的MP4资源
    2. 若必须单资源用Opus：可将Opus音频封装为CAF容器提供给Safari，通过HTMLMediaElement.canPlayType()接口做浏览器兼容性判断，给不同浏览器返回对应封装格式的资源
    3. 若必须全场景使用WebM容器：可引入ffmpeg.wasm做前端软解码，解码后通过Web Audio API输出音频、Canvas输出视频，该方案缺点是性能损耗高，移动端高分辨率视频会出现卡顿、耗电快的问题

内容的提问来源于stack exchange，提问作者Pete