flv.js 介绍
B站相信大家都不会陌生,而 Flv.js 就是由 bilibili 网站开源的 html5 Flash 视频(FLV)播放器,纯原生 JavaScript 开发(ECMAScript 6 编写) ,没有用到 Flash。它的工作原理是 Flv.js 在 JavaScript 中流式解析 flv 文件 流,并实时转封装为 fmp4 ,通过 Media Source Extensions 喂给浏览器,实现了 FLV 格式视频的播放。
flv.js 是使用 ECMAScript 6 编写的,然后通过 Babel Compiler 编译成 ECMAScript 5,使用 bro wserify 打包。
功能 :
FLV 容器,具有 H.264 + AAC 编解码器播放 功能
多部分分段视频播放
HTTP FLV 低延迟实时流播放
FLV 通过 WebSocket 实时流播放
兼容 Chrome,FireFox,Safari 10,IE11 和 Edge
十分低开销,并且通过你的浏览器进行硬件加速
flv.js 优势
由于浏览器对原生Video 标签 采用了硬件加速, 性能 很好, 支持 高清。
同时 支持 录播和直播
去掉对Flash的依赖
flv.js 限制
FLV里所包含的 视频编码 必须是H.264,音频编码必须是AAC或MP3, IE11和Edge浏览器 不支持 MP3音频编码,所以FLV里采用的编码最好是H.264+AAC,这个让音视频服务兼容不是问题。
对于录播,依赖 原生html5 Video 标签 和 Media Source Extensions API
对于直播,依赖录播所需要的播放技术,同时依赖 HTTP FLV 或者 WebSocket 中的一种协议来传输FLV。其中HTTP FLV需通过流式IO去拉取数据, 支持 流式IO的有fetch或者stream
?
flv.min.js 文件 大小 164Kb,gzip后 35.5Kb,flash播放器gzip后差不多也是这么大。?
?由于依赖Media Source Extensions,目前所有iOS和Android4.4.4以下里的浏览器都 不支持 ,也就是说目前对于移动端flv.js基本是不能用的。
GitHub: https://github.com/Bilibili/flv.js
网站描述: HTML5 Flash 视频(FLV)播放器
flv.js官方网站
官方网站:
如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。