要实现方式:使用H5的video 元素结合H5的网络频播放器(video.js)实现rtmp流的直播播放 video.js 介绍 Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库,Video.js 自动检测浏览器对 HTML5 的支持情况,如果不支持 HTML5 则自动使用 Flash 播放器。 点播和直播都可以 优点: 1.它是开源免费的,你可以在github很容易的获取它的最新代码。 2.使用它非常的容易,只要花几秒钟就可以架起一个视频播放页面。 3.它几乎兼容所有的浏览器,并且优先使用html5,在不支持的浏览器中,会自动使用flash进行播放。 4. 界面可以定制,纯javascript和css打造。说明文档也非常的详细。 注:html5的video标签只支持mp4、webm、ogg三种格式,不支持flv,flash格式, flv格式是flash专用的,rtmp流为flv格式的,必须使用flash播放器,在video.js内部可以检测浏览器是否支持html5播放器直接播放,如果不支持内部会自动调用浏览器的flash播放器播放视频。Edge、谷歌浏览器中网站默认是禁用flash的,手动设置为允许flash即可
hls.js
非常适合hls的直播
使用hls.js播放m3u8格式视频流,目前在IE8/IE11/edge/Chrome/火狐这些浏览器中都可以很好的播放
flv.js
适合直播
Flv.js 就是由 bilibili 网站开源的 HTML5 Flash 视频(FLV)播放器,纯原生 JavaScript 开发(ECMAScript 6 编写) ,没有用到 Flash。
它的工作原理是 Flv.js 在 JavaScript 中流式解析 flv 文件流,并实时转封装为 fmp4 ,通过 Media Source Extensions 喂给浏览器,实现了 FLV 格式视频的播放。
作者:关爱单身狗成长协会
链接:https://www.jianshu.com/p/1b825ae84005
來源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。