- 综合排序
- 最热优先
- 最新优先
- 来自专栏coding个人笔记
rtmp、m3u8直播小记
最近项目做跟视频有关的，一个是直播，一个是播放视频。使用video标签。视频直播有很多协议，rtmp、rtsp、hls等就自己去了解，业务有做到就会了解一些。 公司经过软硬件测试，发现目前公司使用rtmp流直播延迟是最小的，rtmp需要flash，chrom在今年年底要完全禁止flash，不像现在是默认禁止还能允许。 移动端使用的是m3u8直播，需要安装一个新的依赖：videojs-contrib-hls 测试了一下，必须要有 播放页使用： import videojs from 'video.js' import video-js.css' import 'videojs-contrib-hls' 原本老版本直接切换src就可以了，连videojs都没用，不知道为什么这个版本不行，于是跟PC方法一样，只是type对于m3u8 期间还有另外的一些问题，现在也重现不了，主要是有些问题也不知道为什么就解决了，m3u8和mp4还会出现跨域问题，我这边是nginx加允许头header。
6.4K30发布于 2020-04-24 - 来自专栏刘旷专栏
直播继续搅局双11？
天猫：王牌主播打头阵 作为双11赛场的擂主，天猫的双11筹备自然是最值得期待的，截至目前公布出的成绩，也能够看出其火热程度。10月20日晚8点，天猫双11正式开启预售。 “直播一姐”薇娅的数据也十分亮眼。累计直播时长14小时28分钟，累计交易额达85.33亿元，作为可以和李佳琪齐名的带货主播，薇娅的表现也毫不逊色。 抖音双11好物节从10月15日就已经正式上线，一直持续到11月11号，活动也分为“好物提前买”和“天天抢好物”阶段，形式和花样可谓繁多，也和抖音的平台风格极为匹配。 在全互联网行业面临流量天花板的窘境时，直播电商还能保持如此的增长活力。 另一方面从细分公司来看，也是淘快抖三家平台增速亮眼。作为三家最早涉足直播电商行业的公司，可谓吃尽直播电商市场的红利。 随着各大平台都深知直播电商的红利而纷纷布局直播业务时，消费者的体验也会变得麻木，无法获得新的购买刺激从而导致平台增速放缓，这最终考验的是平台方的创新能力。
20.7K30发布于 2021-10-25 - 来自专栏smy
video.js支持m3u8格式直播
PC端浏览器并不支持video直接播放m3u8格式的视频 2. DOCTYPE html> <html> <head> <title>videojs支持hls直播实例</title> <link href="./video.css? } },3000) } </script> </body> </html> 源码请移步github： videojs支持hls<em>直播</em>实例
12.8K130发布于 2018-04-03 - 来自专栏喵喵学前端
如何手动停止 videojs 直播视频流 m3u8 请求？
每当视频开始播放，视频流m3u8 会不断请求，即便是暂停了播放，这个请求也不会终止。大量的请求会导致页面卡顿，长此以往会带来性能问题，导致浏览器卡死甚至崩溃。 Videojs Removing Players 其实我个人觉得，这个方法的操作 2 的特性非常不好，这样导致关闭后组件直接被销毁，导致下次触发视频弹窗（业务需求是点击百度地图图例，出现弹窗播放视频直播流 参考 vue使用videojs控制后台m3u8数据请求 - bomdeyada - 博客园 我正在参与2024腾讯技术创作特训营最新征文，快来和我瓜分大奖！
1.8K22编辑于 2024-06-10 - 来自专栏m3u8相关
m3u8格式在直播场景中的应用
以下是M3U8在直播中的主要应用方式：实现实时流媒体分片在直播过程中，持续的视频流会被切割成一系列短暂的媒体分片（如TS文件）。M3U8文件则作为索引，动态更新并记录这些分片的播放顺序与网络地址。 播放器通过不断解析该文件，即可按序获取并播放分片，从而实现直播内容的无缝观看。支持自适应码率调整M3U8文件可以同时包含同一直播内容、但不同分辨率与比特率的多个分片序列。 从PC上的网页浏览器到智能手机、平板电脑乃至智能电视，几乎所有现代设备都能直接支持M3U8格式的直播流，极大地扩展了直播内容的覆盖范围。 提供灵活的延迟控制通过调整M3U8文件中媒体分片的长度、数量或播放器的缓冲策略，可以对直播流的端到端延迟进行有效控制。 这使得直播服务提供商能够在实时性和播放稳定性之间取得平衡，以满足不同场景下对延迟的特定需求。实现多码率直播传输利用M3U8文件，直播平台可以轻松地发布同一路直播信号的多个码率版本。
78010编辑于 2025-10-12 - 来自专栏Kirin博客
HTML5点播m3u8(hls)格式视频
这两年来我们发现越来越多的视频应用使用了m3u8格式的视频，因为可以兼容PC、移动端。相比mp4等视频源，m3u8可以减轻服务器压力（按需加载）。 HLS是由苹果公司率先提出的一种协议标准，可用于直播。 因此在播放m3u8的时候很少有卡顿的现象。 关于HLS直播的技术示例以及m3u8切片技术我们会在后面有文章介绍。本文只做HLS点播讲解，与直播不同，点播是指视频文件已经在编辑好，随时可播放。 Hls(); hls.loadSource('https://yunqivedio.alicdn.com/2017yq/v2/0x0/96d79d3f5400514a6883869399708e11 /96d79d3f5400514a6883869399708e11.m3u8'); hls.attachMedia(video); hls.on(Hls.Events.MANIFEST_PARSED
12.2K40发布于 2020-05-11 - 来自专栏PUSDN平行宇宙软件开发者网
最新版videoJS使用播放M3U8格式直播 视频
300" class="video-js vjs-default-skin vjs-big-play-centered" poster=""> <source src="<em>M3U8</em>
2.1K20编辑于 2023-10-11 - <script> var player = new TcPlayer('id_test_video', { "m3u8 ": "http://play.test.com/live/11b55ed18c.m3u8", //请替换成实际可用的播放地址 "m3u8": "http://play.test.com/live/11b55ed18chd.m3u8 请尽量使用视频分辨率高度 "wording": { 2032: "请求视频失败，请检查网络", //自定义错误提示，如发现页面不显示或提示未知，可能“wording”字段不受支持 2048: "请求m3u8来自专栏灵光独耀
简单直播实现与实践
随着国家政策的管控，直播已经开始要求客户用自己的已备案域名进行直播的推拉流，政策虽说发生了变化，但是直播却开始变的简单了起来，今天我们就来聊一聊简单直播的实现与实践。 image.png 第三步，写播放器代码测试web直播 <! width:100%; height:auto;">
2.2K40发布于 2019-09-02
教育互动直播，11年技术演进之殇
摘要：相较于秀场类直播，在线教育直播对于直播过程中的互动需求更高，如何用WebRTC实现多人的连麦，如何将多对多高实时模型与一对多高承载模型相结合，如何实现互动白板与文档，将是本次分享讨论的重点。 演讲 / 唐通 出处 / LiveVideoStack 各位下午好，我是CC视频的唐通，先简单介绍一下CC视频，CC视频成立于2005年，实际上做视频领域已经整整11年了，我们公司的目标和愿景主要是为企业提供场景化的视频解决方案 今天的分享主要围绕着三个关键词——在线教育、场景化和互动，我分享的这个标题，也是我们直播中的一些混合互动模型，刚才百家云张总和布卡互动另一位张总，他们都分享了一些教育直播的方方面面，但我的分享侧重点有所区别 教育直播的用户诉求 首先是教育类直播它的用户诉求，直播的技术架构需要什么？ 因为刚刚我们一直在讨论直播，这里可以捋出很多词来：可扩展、网络适配、高并发、开放、实时、可运维、低延迟、服务化、高可用，还在这里着重的写了一个稳定，这些可能是我们一般通用直播技术架构的一些特性，但对于教育类直播来说
M3U8 格式：为什么直播回放都用这个格式？丨音视频基础
在实际应用场景中，由于 HLS/M3U8/TS 这套方案在控制直播延时上不太理想，所以一般实时直播场景不会选择使用 M3U8 媒体格式。 但是，对于直播回放这种场景，由于使用 M3U8/TS 这套方案能够在直播过程中就持续生成和存储切片，所以直播回放基本上都会选择 M3U8 媒体格式。 在点播时，客户端首先下载 M3U8 文件，然后按照 M3U8 列表下载各个资源切片依次播放即可。在直播时，客户端则需要定时重新请求 M3U8 文件，从而检查是否有新的媒体切片需要进行下载播放。 3）一个直播播放列表： 直播过程中某个时间点的 M3U8 文件内容： #EXTM3U #EXT-X-VERSION:3 #EXT-X-TARGETDURATION:8 #EXT-X-MEDIA-SEQUENCE 直播播放列表是一个会动态更新的 M3U8 文件，服务端会对直播流进行实时转码生成直播流切片，并定期更新 M3U8 文件。这个 M3U8 文件一般为会包括 3-5 个切片。
HLS视频点播&直播初探
前端可选的视频直播协议大致只有两种： RTMP（Real Time Messaging Protocol） HLS（HTTP Live Streaming） 其中RTMP是Adobe开发的协议，无法在iPhone HTTP Live Streaming（HLS）是苹果公司实现的基于HTTP的流媒体传输协议，可实现流媒体的直播和点播。原理上是将视频流分片成一系列HTTP下载文件。 切片准备 可使用m3u8downloader下载一个HLS源，或者使用node-m3u生成m3u8索引和MPEG-TS切片，下面是我们准备切片： https://github.com/miniflycn /HLS-demo/tree/master/m3u8 注意看切片索引文件： #EXTM3U #EXT-X-TARGETDURATION:11 #EXT-X-VERSION:3 #EXT-X-MEDIA-SEQUENCE fileSequence5.ts #EXT-X-ENDLIST 其中#EXT-X-ENDLIST为切片终止标记，如果没有该标记，浏览器会在文件读取完后再请求索引文件，如果有更新则继续下载新文件，以此达到直播效果
HLS视频点播&直播初探
本文作者：IMWeb 杨文坚 原文出处：IMWeb社区 未经同意，禁止转载 前端可选的视频直播协议大致只有两种： RTMP（Real Time Messaging Protocol） HLS HTTP Live Streaming（HLS）是苹果公司实现的基于HTTP的流媒体传输协议，可实现流媒体的直播和点播。原理上是将视频流分片成一系列HTTP下载文件。 切片准备 可使用m3u8downloader下载一个HLS源，或者使用node-m3u生成m3u8索引和MPEG-TS切片，下面是我们准备切片： https://github.com/miniflycn /HLS-demo/tree/master/m3u8 注意看切片索引文件： #EXTM3U #EXT-X-TARGETDURATION:11 #EXT-X-VERSION:3 #EXT-X-MEDIA-SEQUENCE fileSequence5.ts #EXT-X-ENDLIST 其中#EXT-X-ENDLIST为切片终止标记，如果没有该标记，浏览器会在文件读取完后再请求索引文件，如果有更新则继续下载新文件，以此达到直播效果
HTML 5 视频直播一站式扫盲
视频直播这么火，再不学就 out 了。 为了紧跟潮流，本文将向大家介绍一下视频直播中的基本流程和主要的技术点，包括但不限于前端技术。 1. H5 到底能不能做视频直播？ 简单讲就是把整个流分成一个个小的，基于 HTTP 的文件来下载，每次只下载一些，前面提到了用于 H5 播放直播视频时引入的一个 .m3u8 的文件，这个文件就是基于 HLS 协议，存放视频流元数据的文件 每一个 .m3u8 文件，分别对应若干个 ts 文件，这些 ts 文件才是真正存放视频的数据，m3u8 文件只是存放了一些 ts 文件的配置信息和相关路径，当视频播放时，.m3u8 是动态改变的，video HLS 的请求流程是： 1 http 请求 m3u8 的 url。 2 服务端返回一个 m3u8 的播放列表，这个播放列表是实时更新的，一般一次给出5段数据的 url。 11.
视频直播技术干货：一文读懂主流视频直播系统的推拉流架构、传输协议等
使用HLS协议播放视频时：首先会请求一个M3U8文件，如果是点播只需要在初始化时获取一次就可以拿到所有的TS切片指向，但如果是直播的话就需要不停地轮询M3U8文件，获取新的TS切片。 如果是直播，那么每次请求M3U8文件里面的TS列表都会随着最新的直播切片更新，从而达到直播流播放的效果。 比如我们一个M3U8有5个TS文件，每个TS文件播放时长是2秒，那么一个M3U8文件的播放时长就是10秒，也就是说这个M3U8播放的直播进度至少是10秒之前的，这对于直播场景来说是一个比较大的弊端。 11、视频直播传输协议4：MPEG-DASH MPEG-DASH这一协议属于新兴势力，和HLS一样，都是通过切片视频的方式进行播放。 他产生的背景是早期各大公司都自己搞自己的一套协议。 [10] 视频编解码之编码基础 [11] 零基础入门：实时音视频技术基础知识全面盘点 [12] 实时音视频面视必备：快速掌握11个视频技术相关的基础概念 [13] 写给小白的实时音视频技术入门提纲
Apple 低延迟HLS分析
为了将10-30的延迟降低到2秒以下，苹果提出了5点改进 减少片段发布延迟 优化片段发现机制 消除片段请求时间 m3u8采用增量升级机制 加速不同码率直播流切换速度 下面针对每个改进做一个介绍 减少片段发布延迟 _HLS_msn=1803 上述请求表示当直播流中出现1803的ts的时候，停止阻塞，返回m3u8内容。 _HLS_msn=1803&_HLS_part=0&_HLS_push=1 上述请求表示当直播流中出现1803的第一部分(_HLS_part=0)的时候就停止阻塞，返回m3u8内容。 这个功能在一些场合比较有用，有些直播流允许用户往前回看一段时间，所以它们的m3u8文件会很大，上百K都有可能。使用增量更新机制能极大减小传输量。 加速不同码率直播流切换速度 最后一个，加速不同码率直播流切换速度的实现方案是在m3u8的最后带上EXT-X-RENDITION-REPORT，告诉客户端其它码率直播流的当前进展(片段序号和part序号)
HLS直播协议详解
二、HLS 总体框架 先看下图： 服务器将媒体文件转换为 m3u8 及 ts 分片； 对于直播源，服务器需要实时动态更新。 客户端请求 m3u8 文件，根据索引获取 ts 分片；点播与直播服务器不同的地方是，直播的 m3u8 文件会不断更新， 而点播的 m3u8 文件是不会变的，只需要客户端在开始时请求一次即可。 劣势： 因其自身的实现方式， HLS 存在延迟（最少有一个分片），对于直播等实时敏感的场景，体验不好。 3、二级 m3u8 #EXTM3U #EXT-X-VERSION:1 #EXT-X-TARGETDURATION:11 #EXT-X-MEDIA-SEQUENCE:19674922 #EXT-X-PROGRAM-DATE-TIME 有这个标志同时也说明当前的流是一个非直播流。
HTTP Live Streaming直播（iOS直播）技术分析与实现
其功能是采集摄像头与麦克风，实时进行H.264视频编码和AAC音频编码，并按照HLS的协议规范，生成分段的标准TS文件以及m3u8索引文件。 相对于常见的流媒体直播协议，例如RTMP协议、RTSP协议、MMS协议等，HLS直播最大的不同在于，直播客户端获取到的，并不是一个完整的数据流。 ，就实现了直播。 HLS分段生成策略和m3u8 1. 2. m3u8文件简介 m3u8，是HTTP Live Streaming直播的索引文件。m3u8基本上可以认为就是.m3u格式文件，区别在于，m3u8文件使用UTF-8字符编码。
69 篇文章带你系统性的学习音视频开发（收藏起来假期看）
---- 《MP4 格式》概要 11）《MP4 格式：短视频常用格式》 本文介绍了当下互联网短视频最常使用的封装格式 MP4 的基础格式。 ---- 《M3U8 格式》概要 13）《M3U8 格式：直播回放常用格式》 本文介绍了 M3U8 媒体格式，M3U8 是苹果公司推出的 HLS(HTTP Live Streaming) 协议的基础。 在实际应用场景中，由于 HLS/M3U8/TS 这套方案在控制直播延时上不太理想，所以一般实时直播场景不会选择使用 M3U8 媒体格式。 但是，对于直播回放这种场景，由于使用 M3U8/TS 这套方案能够在直播过程中就持续生成和存储切片，所以直播回放基本上都会选择 M3U8 媒体格式。 流媒体的播放；再加上 M3U8/TS 封装格式可以在直播中持续处理和存储流媒体数据，所以直播回放通常都会选择 HLS 协议来实现。
关于h5直播源码的技术扫盲
尤其强化了web网页的表现性能，通过h5技术搭建的直播系统不仅能够在网页实现高清流畅播放，还能加入很多的交互功能。下面，我们就针对h5直播源码做一些技术扫盲。 这些预定的引擎配置为h5直播源码提供了强悍的技术基础。不过，WebRTC只是应用于视频录制，视频播放还得需要HLS的支持。 timg.jpg 二、什么是HLS协议？.m3u8是干啥用的？ 每一个.m3u8文件，分别对应若干个ts文件，这些ts文件才是真正存放视频的数据，m3u8文件只是存放了一些ts文件的配置信息和相关路径，当视频播放时，.m3u8是动态改变的，video标签会解析这个文件 3、客户端解析.m3u8的播放列表，再按序请求每一段的url，从而获取ts数据流。 三、直播延迟往往不可避免 前面提到，HLS协议是将直播流分成一段一段的视频去下载播放的。 以上就是关于h5直播源码的一些技术扫盲点。
M3u8或者ts协议的直播流视频如何通过加密防止盗链和盗播？
其实除了这些还有就是对视频流加密，这种在视频点播中使用的比较多，但在直播中也可实现，即对版权方给的ts或者说m3u8格式的视频进行加密处理，对内容进行帧加密，加密后只能在允许的APP中播放，即使下载到其他 整个使用流程如下： 1、部署流媒体系统，在对版权方给的直播视频流进行中转的时候就直接开启加密功能，自动对视频流进行加密处理，加密后直接给出频道地址。
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号