526互联

m3u8播放器

发布时间 2023-12-10 22:00:20作者: CarlZeng
title: M3U8播放器
tags: [m3u8,IPTV,m3u,直播,直播源]
新版原文: https://www.carlzeng.top/search?q=m3u8播放器
版权声明: 本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
date: 2023-12-08 11:28:57
categories: IPTV

怎么用

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

这是什么

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文件，然后罗列出电视台节目列表，用户只需要点击即可换台
  • 只能播放https的链接，这是受现代浏览器安全机制所限制 This request has been blocked; the content must be served over HTTPS，技术上这可以用NPM反代来转化http地址为https地址。
  • CORS错误（也是浏览器的安全性机制）导致可用的直播源变成不可播放
    • ....has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.