首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏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
  • 来自专栏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.7K22编辑于 2024-06-10
  • 来自专栏m3u8相关

    m3u8格式在直播场景中的应用

    以下是M3U8直播中的主要应用方式:实现实时流媒体分片在直播过程中,持续的视频流会被切割成一系列短暂的媒体分片(如TS文件)。M3U8文件则作为索引,动态更新并记录这些分片的播放顺序与网络地址。 播放器通过不断解析该文件,即可按序获取并播放分片,从而实现直播内容的无缝观看。支持自适应码率调整M3U8文件可以同时包含同一直播内容、但不同分辨率与比特率的多个分片序列。 从PC上的网页浏览器到智能手机、平板电脑乃至智能电视,几乎所有现代设备都能直接支持M3U8格式的直播流,极大地扩展了直播内容的覆盖范围。 提供灵活的延迟控制通过调整M3U8文件中媒体分片的长度、数量或播放器的缓冲策略,可以对直播流的端到端延迟进行有效控制。 这使得直播服务提供商能够在实时性和播放稳定性之间取得平衡,以满足不同场景下对延迟的特定需求。实现多码率直播传输利用M3U8文件,直播平台可以轻松地发布同一路直播信号的多个码率版本。

    73810编辑于 2025-10-12
  • 来自专栏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
  • 来自专栏关键帧Keyframe

    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 个切片。

    6.2K31编辑于 2022-06-13
  • 来自专栏直播那些事儿

    关于h5直播源码的技术扫盲

    尤其强化了web网页的表现性能,通过h5技术搭建的直播系统不仅能够在网页实现高清流畅播放,还能加入很多的交互功能。下面,我们就针对h5直播源码做一些技术扫盲。 这些预定的引擎配置为h5直播源码提供了强悍的技术基础。不过,WebRTC只是应用于视频录制,视频播放还得需要HLS的支持。 timg.jpg 二、什么是HLS协议?.m3u8是干啥用的? 每一个.m3u8文件,分别对应若干个ts文件,这些ts文件才是真正存放视频的数据,m3u8文件只是存放了一些ts文件的配置信息和相关路径,当视频播放时,.m3u8是动态改变的,video标签会解析这个文件 3、客户端解析.m3u8的播放列表,再按序请求每一段的url,从而获取ts数据流。 三、直播延迟往往不可避免 前面提到,HLS协议是将直播流分成一段一段的视频去下载播放的。 以上就是关于h5直播源码的一些技术扫盲点。

    2.3K20发布于 2020-03-11
  • 来自专栏海之滨云视频和流媒体技术

    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字符编码。

    3.7K90发布于 2018-05-11
  • 来自专栏视频加密

    M3u8或者ts协议的直播流视频如何通过加密防止盗链和盗播?

    其实除了这些还有就是对视频流加密,这种在视频点播中使用的比较多,但在直播中也可实现,即对版权方给的ts或者说m3u8格式的视频进行加密处理,对内容进行帧加密,加密后只能在允许的APP中播放,即使下载到其他 整个使用流程如下: 1、部署流媒体系统,在对版权方给的直播视频流进行中转的时候就直接开启加密功能,自动对视频流进行加密处理,加密后直接给出频道地址。

    2.7K20发布于 2021-02-25
  • 来自专栏知识分享

    3-视频传输,监控,直播方案-网页端播放视频流(RTMP,HLS,m3u8)

    (测试m3u8) 在播放地址对话框输入自己的 xxx.m3u8数据流路径 我的是 http://116.62.178.48/hls/yang.m3u8 (这个根据自己的写哈,不记得的看上一节那个VLC拉流软件里面的地址是怎么写的

    1.1K10发布于 2021-12-01
  • 来自专栏geekfly

    如何下载企业微信上课直播回放

    一、标题官方渠道 直播时开启了直播回放,在15天到期的时候,直播发起人会收到消息提醒,在windows系统的企业微信客户端,可直接点击消息下载回放。 打开观看直播回放页面,点击检查元素 这一步也可以点击右上角,在浏览器中的打开,然后企业微信扫码即可。 浏览器需为Chrome等支持开发者工具的。 3. 找到m3u8地址 在元素标签下,搜索m3u8,找到形如http://1253731777.vod2.myqcloud.com/cd68bb45vodbj1253731777/af7d63c33701925925248622605 下载 使用m3u8下载器下载上述Url地址即可 这里有一个可以在线下载m3u8地址的网站: m3u8 downloader 输入地址后,点击“转码Mp4下载”即可,等所有片段都下载完,浏览器会自动弹出文件保存

    7.2K50编辑于 2022-04-24
  • 来自专栏码上就说

    多媒体文件格式剖析:M3U8

    这是HLS应用在直播上的一大优势。 如果在直播中使用HLS技术,那么执行流程如下:图片来源于苹果官网; 我们播放一个HLS,首先要对HLS流对应的M3U8文件进行解析,解析M3U8文件,首先要搞清楚M3U8的封装格式。 M3U8格式解析 HLS流可以用于直播,也可以用于点播;这点很重要,开头的那张图千万别让你误会,M3U8是可以用作点播的。 r=52 ,请求回来存储在本地; 3.如何判断M3U8是否直播 1.判断是否存在 #EXT-X-ENDLIST 对于一个M3U8文件,如果结尾不存在 #EXT-X-ENDLIST,那么一定是 直播,不是点播 如果源文件为FLV、TS等可以作为直播传输流的视频,则不需要这个参数。 这也非常强烈地说明了MP4不是流式文件,不能作为直播使用。

    8.5K31发布于 2020-12-11
  • 来自专栏TSINGSEE青犀视频

    EasyDSS多路视频合成一个视频流时如何解决卡顿、内容丢失等问题?

    而现有的MP4合成逻辑也是通过生成的m3u8制作,所以也会影响MP4文件的最终效果。 为了更快的实现MP4和m3u8播放文件的生成,新的模式是独立生成MP4和m3u8文件,MP4的生成不再依赖m3u8文件,直接通过ts录像文件切片生成。 同样的m3u8文件的生成规则也有直接将符合条件的ts文件信息写入改成了,由ffmpeg重新对符合条件的文件进行编辑生成新的ts文件和m3u8文件。 Ts转MP4 Ffmpeg命令参数: Ts转m3u8 Ffmpeg命令参数: EasyDSS能够获得众多开发者的青睐,主要优势包括以下几点: 1、接收RTMP直播流,并且转成HLS、FLV、RTMP 等协议流进行第三方调用及播放; 2、EasyDSS内设立了虚拟直播的功能,可以将其他视频流转成直播流,并分享给第三方系统; 3、支持自行上传视频文件,并通过点播的方式播放; 4、平台内设角色管理、用户管理

    1.1K30发布于 2021-08-06
  • 来自专栏全栈程序员必看

    快速搭建自己的直播服务器,完成属于你的直播服务。

    新增安装详细说明,地址是:https://blog.csdn.net/wjwj1203/article/details/104608243 通过本文您能学到以下内容: 1 、动手搭建直播服务器,完成一次对移动端支持的直播 3、使用html5网页播放m3u8流媒体文件。 一、动手搭建流媒体服务器 这里我们选用开源srs流媒体服务器有兴趣的同学也可选用[Adobe Media Server 5],原理都是一样的。 hls_path的作用:直播中会将m3u8文件和ts文件输出hls_path,有了m3u8文件就可以在启动端播放了。 文件 三、观看直播 1、直播地址分别是: rtmp url: rtmp://127.0.0.1:1935/live/livestream rtmp可用于电脑端播放,m3u8用于移动端播放。 ,完成一次直播是很简单的,主要在于配置,理解其中的原理。

    5.5K30编辑于 2022-07-01
  • 来自专栏Kirin博客

    HTML5点播m3u8(hls)格式视频

    这两年来我们发现越来越多的视频应用使用了m3u8格式的视频,因为可以兼容PC、移动端。相比mp4等视频源,m3u8可以减轻服务器压力(按需加载)。 HLS是由苹果公司率先提出的一种协议标准,可用于直播。 不同于mp4大文件,m3u8是由一系列的ts文件组成,一般一个ts文件大概5-10秒,这些ts文件通过一个.m3u8文件做索引。 因此在播放m3u8的时候很少有卡顿的现象。 关于HLS直播的技术示例以及m3u8切片技术我们会在后面有文章介绍。本文只做HLS点播讲解,与直播不同,点播是指视频文件已经在编辑好,随时可播放。 由于HLS是由Apple公司提出的,所以在iOS电脑或手机上,你可以直接使用Safari浏览器的

    12.2K40发布于 2020-05-11
  • 来自专栏编程之路

    快速搭建自己的直播服务器,完成属于你直播服务

    通过本文您能学到以下内容: 1 、动手搭建直播服务器,完成一次对移动端支持的直播。 2、使用OBS推流。 3、使用html5网页播放m3u8流媒体文件。 hls_path的作用:直播中会将m3u8文件和ts文件输出hls_path,有了m3u8文件就可以在启动端播放了。 文件 [WX20180912-164453@2x.png] 三、观看直播 1、直播地址分别是: rtmp url: rtmp://127.0.0.1:1935/live/livestream m3u8 url: http://127.0.0.1:8088/upload/live/livestream.m3u8 rtmp可用于电脑端播放,m3u8用于移动端播放。 ,完成一次直播是很简单的,主要在于配置,理解其中的原理。

    10.2K31发布于 2018-09-12
  • 来自专栏OI

    钉钉群直播提取视频文件

    钉钉群直播提取视频文件 本教程仅供学习研究使用!!! 教程更新了若干次,2020->2021.04->2021.06,如果知友们发现又失效了请联系我。 在钉钉内播放群直播回放,然后返回Fiddler界面。Ctrl+F进入搜索.m3u8即可找到文件。 然后就会自动为您标黄底黑字一条记录,右键。 随便保存一个位置。 ,并解压,打开 ***SimpleG.exe)里下载: 等待下载完成即可,下载后的视频在 M3U8 下载器目录下 Downloads 文件夹内。 钉钉云课堂回放下载 有知友向我提问,能否下载云课堂回放,其实也可以,比直播回放更加简单:打开 Fiddler,点开视频回放: 返回 Fiddler,按下 Ctrl+F,搜索 `.mp4` 右键那一条目 可以先抓出所有 M3U8链接,有三种方法批量下载: 将m3u8链接每行一个存入一个.txt文件,然后将文件直接拖到M3U8地址文本框,点击GO按钮 将m3u8文件存到一个文件夹中,然后将文件夹直接拖到M3U8

    2.8K20编辑于 2022-09-19
  • 来自专栏Gnep's_Technology_Blog

    HLS直播协议详解

    二、HLS 总体框架 先看下图: 服务器将媒体文件转换为 m3u8 及 ts 分片; 对于直播源,服务器需要实时动态更新。 客户端请求 m3u8 文件,根据索引获取 ts 分片;点播与直播服务器不同的地方是,直播m3u8 文件会不断更新, 而点播的 m3u8 文件是不会变的,只需要客户端在开始时请求一次即可。 劣势: 因其自身的实现方式, HLS 存在延迟(最少有一个分片),对于直播等实时敏感的场景,体验不好。 总之,SRS 支持 HLS 主要是作为输出的分发协议,直播以 RTMP+HLS 分发,满总各种应用场景。点播以 HLS 为主。 有这个标志同时也说明当前的流是一个非直播流。

    3.1K10编辑于 2023-10-29
  • 来自专栏TSINGSEE青犀视频

    EasyDSS获取指定时间录像m3u8播放地址兼容iOS平台吗?

    TSINGSEE青犀视频EasyDSS直播点播系统支持调用m3u8播放地址进行二次开发或者集成。 目前在m3u8地址上仍存在的问题是,调用获取指定时间录像的m3u8播放地址用苹果手机进行播放,会出现黑屏无法播放的问题,但是其他平台并无该问题。所以这个成为我们亟待解决的问题。 经过研发的分析,应该是后台在生成新的m3u8文件出现了问题,新的m3u8文件对内容不是很严谨,其中在统计播放时长的那个参数一开始并没有统计,导致iOS系统在识别的时候出现问题。 因此我们从代码中对最大ts切片的时长和总时长进行统计,将数据写到对应的m3u8参数中。 EasyDSS的应用场景远不止我们开头提到的线上课堂,包括视频慢直播、斗鱼等游戏直播也能够很好发挥作用,欢迎大家联系我们了解。

    80540发布于 2021-03-02
  • 来自专栏TSINGSEE青犀视频

    流媒体视频播放器EasyPlayer H.265关于HLS流的重定向优化

    在EasyPlayer开源使用的过程中,有用户提出,他们使用的hls流是通过第一个m3u8文件重定向到另外一个地址,然后重新请求,再返回ts文件再进行播放。 在此处增加代码,如果请求的是m3u8地址,响应返回的内容还是m3u8,则递归请求的方法,如下图:再增加请求的地址处理,如下:从而实现兼容H.265 HLS流需要重定向的功能。 EasyPlayer播放器系列项目依赖其灵活控制、低延时、高稳定的特点,已经成熟运用于多个项目场景当中,其中包括手机直播、电脑桌面直播等。 在视频直播过程中EasyPlayer可通过H5进行视频解码,只要客户端支持H5,就能完美进行视频的无插件直播,同时还支持大码率视频直播(大码率直播目前暂不支持H.265)。

    68510编辑于 2023-06-14
领券