flv.js自动全屏

JavaScript086

flv.js自动全屏,第1张

浏览器不支持自动全屏播放,全屏播放的操作需要用户触发。

Flv.js在JavaScript中流式解析flv文件流,并实时转封装为fmp4,通过MediaSourceExtensions喂给浏览器,实现了FLV格式视频的播放。

Bilibili相信大家都不会陌生,而Flv.js就是由bilibili网站开源的HTML5Flash视频(FLV)播放器,纯原生JavaScript开发(ECMAScript6编写)。

flv.js 就是由 bilibili 网站开源的 HTML5 Flash 视频(FLV)播放器,纯原生 JavaScript 开发(ECMAScript 6 编写) ,没有用到 Flash。它的工作原理是 Flv.js 在 JavaScript 中流式解析 flv 文件流,并实时转封装为 fmp4 ,通过 Media Source Extensions 喂给浏览器,实现了 FLV 格式视频的播放。

具有H.264 + AAC / MP3编解码器播放功能的FLV容器

多段分段视频播放

HTTP FLV低延迟实时流播放

通过WebSocket进行FLV实时流播放

与Chrome,FireFox,Safari 10,IE11和Edge兼容

极低的开销,浏览器可以加速硬件!

1、准备一个flv格式的视频

我的文件,关于分片上传可参考 vue中使用Plupload分片上传