Video stream of H.264(avc1.640029) type won't play on Safari
Question
Description
Here is my demo website and m3u8 source
Demo: https://codepen.io/shaoyulan/pen/wvXQoQM
Strem source: https://stream.huskyking.com/stream/43d1bf49-1769-41f0-ac51-88e6f35d5fc9/index.m3u8
The problem
And it's run perfectly at android or windows chrome But got ERROR (CODE:3 MEDIA_ERR_DECODE) at safari Both iphone and mac
Reduced test case
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>
Steps to reproduce
- View the page on safari
- You will see the video is not playable.
What browser(s) including version(s) does this occur with?
All Sarari version
What OS(es) and version(s) does this occur with?
Safari Both on Iphone and Mac
What is expected?
The stream is expected to playable on safari.
1 answers
solution1
0 2022-12-02 13:35:04
From research... Safari has built-in M3U8 playback on <video> tag. So at any time, you don't need and cannot use this HLS.js with it (because an important API for playing custom bytes, needed by HLS.js , is not available or not supported by the Safari browser).
Try this code in Safari (I cannot test it myself):
<!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>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.