首页 > 其他分享 >m3u8播放器

m3u8播放器

时间:2023-12-10 22:16:13浏览次数:57  
标签:播放器 m3u8 HLS hls 直播 播放

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.

标签:播放器,m3u8,HLS,hls,直播,播放
From: https://www.cnblogs.com/backuper/p/17893321.html

相关文章

  • 基于Html+腾讯云播SDK开发的m3u8播放器
    周末业余时间在家无事,学习了一下腾讯的云播放sdk,并制作了一个小demo(m3u8播放器),该在线工具是基于腾讯的云播sdk开发的,云播sdk非常牛,可以支持多种播放格式。预览地址m3u8player.org源码地址https://github.com/geeeeeeeek/m3u8player开发步骤第一步:集成播放器SDK:播放器SDK......
  • m3u8视频爬取处理流程分析
    处理流程:下载所有.ts结尾文件下载.m3u8文件解析出内部.ts结尾链接利用协程异步请求所有.ts文件并下载保存importasyncioimportosimportaiohttpimportrequestsfromsc.common.user_agentimportget_uafromfunctoolsimportpartial,wrapsm3u8_url='https://......
  • vue3视频播放器组件vue-video-player
    1、安装npmivue3-video-play--save2、全局注册importvue3videoPlayfrom'vue3-video-play'//引入组件import'vue3-video-play/dist/style.css'//引入cssapp.use(vue3videoPlay)3、使用<vue3VideoPlaywidth="1210px"......
  • VUE2中使用阿里云播放器AliPlayer
    简述基于Vue的播放器单页应用,利用web播放器sdk进行视频点播,包含播放列表、字幕、多语言、自适应码率,皮肤自定义等功能Web播放器文档前情提示系统:一说部分截图、链接等因过期、更换域名、MD语法等可能不显示,可联系反馈(备注好博文地址),谢谢❤带有#号、删除线、不操作、不......
  • VUE2中使用阿里云播放器AliPlayer
    简述基于Vue的播放器单页应用,利用web播放器sdk进行视频点播,包含播放列表、字幕、多语言、自适应码率,皮肤自定义等功能Web播放器文档前情提示系统:一说部分截图、链接等因过期、更换域名、MD语法等可能不显示,可联系反馈(备注好博文地址),谢谢❤带有#号、删除线、不操作、不......
  • 流媒体播放器EasyPlayer播放H.265与H.264时进度条样式异常该如何解决?
    H5无插件流媒体播放器EasyPlayer属于一款高效、精炼、稳定且免费的流媒体播放器,可支持多种流媒体协议播放,可支持H.264与H.265编码格式,性能稳定、播放流畅,能支持WebSocket-FLV、HTTP-FLV,HLS(m3u8)、WebRTC等格式的视频流,并且已实现网页端实时录像、在iOS上实现低延时直播等功能。有用......
  • 流媒体播放器EasyPlayer播放H.265与H.264时进度条样式异常该如何解决?
    H5无插件流媒体播放器EasyPlayer属于一款高效、精炼、稳定且免费的流媒体播放器,可支持多种流媒体协议播放,可支持H.264与H.265编码格式,性能稳定、播放流畅,能支持WebSocket-FLV、HTTP-FLV,HLS(m3u8)、WebRTC等格式的视频流,并且已实现网页端实时录像、在iOS上实现低延时直播等功能。有......
  • 基于FFmpeg和Qt实现简易视频播放器
    VideoPlay001记得一键三连哦使用qt+ffmpeg开发简单的视频播放器,无声音视频解码使用的是软解码即只用CPU进行QPainter绘制每一帧图像,CPU占用过高简单易学,适合小白入门学习FFMpeg视频解析的基本API遗留问题视频播放时间的处理,基匀速播放的实现原理项目代码videoPl......
  • 从UE虚幻引擎到播放器页面的通信
    在前面:https://www.cnblogs.com/makalochen/p/17803468.html#新建游戏模式我们已经实现了,从前端到UE的通信,那能不能UE主动给前端发送消息呢?就比如我在播放的像素流中点击了某个物体给所有页面发个消息,说你已经点击了某个物体答案是可以的,参考官网https://docs.unrealeng......
  • jsmpeg视频播放器使用方法和常见问题解决方案
    JSMpeg是一个使用JavaScript编写的视频播放器,它可以在浏览器中播放MPEG1视频和MP2音频流。JSMpeg的特点是它能够通过WebSockets实时传输视频流,并且可以在不支持HTML5视频播放器的浏览器上运行。以下是JSMpeg的基本使用方法和一些常见问题的解决方案:主要用来解决移移动端视频播放问......