H.264(avc1.640029) 类型的视频 stream 无法在 Safari 上播放

Question

描述

这是我的演示网站和 m3u8 源

演示： https://codepen.io/shaoyulan/pen/wvXQoQM

流源： https://stream.huskyking.com/stream/43d1bf49-1769-41f0-ac51-88e6f35d5fc9/index.m3u8

问题

它在 android 或 windows chrome 上完美运行但在 safari 出现错误（代码：3 MEDIA_ERR_DECODE） iphone 和 mac

减少测试用例

https://codepen.io/shaoyulan/pen/wvXQoQM

<video id="video" controls autoplay muted>
    <source 
       type="application/x-mpegURL"
       src="https://stream.huskyking.com/stream/43d1bf49-1769-41f0-ac51-88e6f35d5fc9/index.m3u8" 
    >
</video>

重现步骤

查看safari上的页面
您会看到视频无法播放。

什么浏览器（包括版本）会发生这种情况？

所有 Sarari 版本

发生这种情况的操作系统和版本是什么？

Safari Iphone 和 Mac 都可以

预期是什么？

预计 stream 可在 safari 上播放。

Answer 1

来自研究... Safari 在<video>标签上内置了 M3U8 播放。 因此，在任何时候，您都不需要也不能将此HLS.js与它一起使用（因为 HLS.js 所需的用于播放自定义字节的重要API不可用或不受 Safari 浏览器支持）。

在 Safari 中尝试这段代码（我自己无法测试）：

<!DOCTYPE html>
<html>
<body>

<video width="640" height="400" controls>
<source 
type="application/x-mpegURL"
src="https://yioushen-camera.muki001.com/stream/82a4899f-d803-4567-b7c5-221977e14646/index.m3u8" >
</video>

</body>
</html>

H.264(avc1.640029) 类型的视频 stream 无法在 Safari 上播放

问题描述

1 个解决方案

解决方案1
0 2022-12-02 13:35:04

H.264(avc1.640029) 类型的视频 stream 无法在 Safari 上播放

问题描述

1 个解决方案

解决方案1 0 2022-12-02 13:35:04

解决方案1
0 2022-12-02 13:35:04