M3U8播放器

怎么用

  1. 在上方的文本框中输入m3u8的源地址, 比如:
    1. https://liveop.cctv.cn/hls/CCTV28bee868714f04ea2af79947bb9b46fc3H/playlist.m3u8
    2. https://yunqivedio.alicdn.com/2017yq/v2/0x0/96d79d3f5400514a6883869399708e11/96d79d3f5400514a6883869399708e11.m3u8
    3. http://38.64.72.148:80/hls/modn/list/4008/chunklist1.m3u8
    4. 或者将m3u8的地址直接放到当前网页的URL地址?q=后, 点击例子URL
  2. 输入源地址后,点击“立即播放”按钮
    1. 由于网页端播放器的天然弊端/缺点(见下方),无法在线播放不代表IPTV直播源是无效的, 可以尝试下Akamai的播放器

随机分享全球IPTV源

URL:如果你对IPTV(全地球的)感兴趣

这是什么

HLS直播流HTML页面播放,HLS直播音频流的播放

基于h5的hls播放器hls.js, 在HTML5页面上播放M3U8的hls流地址

HTML5点播m3u8(hls)格式视频

m3u8是一种基于HLS(HTTP Live Streaming) 文件视频格式,它主要是存放整个视频的基本信息和分片(Segment)组成。不同于mp4大文件,m3u8是由一系列的ts文件组成,一般一个ts文件大概5-10秒,这些ts文件通过一个.m3u8文件做索引。用户播放视频时,可随意拖动视频进度,会读取相应进度的ts文件继续观看视频,不必等到下载完整的视频。因此在播放m3u8的时候很少有卡顿的现象。

网页前端(Html)video播放m3u8(HLS)
HLS (HTTP Live Streaming)是Apple公司研发的流媒体传输技术,包括一个m3u8的索引文件、多个ts分片文件和key加密串文件。这项技术主要应用于点播和直播领域。

也就是说,这只是一个播放器,如果你需要一个直播平台(可以直播或转播)就需要使用这类:

pozgo/docker-rtmp-hls: Docker image for video streaming …

pozgo › docker-rtmp-hls
This Docker image can be used to create a video streaming server that supports RTMP, HLS, DASH out of the box. It also allows adaptive streaming and custom …

优点

  • 简单明了
  • 网页层面全屏播放或整个显示器全屏播放
  • 网页在浏览器上观看直播,假如浏览器@@上网加速的的方式,那么观看直播的源地址就支持@@上网的环境
  • URL传递参数m3u8地址,直接播放(无需用户输入+点击的动作)

缺点

  • 下一步,如果可以自己加载DIYP的txt,或者标准的m3u文件,然后罗列出电视台节目列表,用户只需要点击即可换台

    • 2023年12月。这个解决方案出来了:

    • 只能播放https的链接,这是受现代浏览器安全机制所限制 This request has been blocked; the content must be served over HTTPS,技术上这可以用NPM反代来转化http地址为https地址。

      • 后来测试发现也能播放HTTP的源,这可能和源站点的CORS配置有关,已添加测试用http地址。
    • CORS错误(也是浏览器的安全性机制)导致可用的直播源变成不可播放

    • ….has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

个性化需求沟通 扫客服加V加群: