2024年08月03日 建站教程
flv.js是什么插件，flv.js的基本语法怎么用，下面个大家简单介绍一下！
flv.js是什么插件
flv.js 是 HTML5 Flash 视频（FLV）播放器，纯原生 JavaScript 开发，没有用到 Flash。由 bilibili 网站开源。它的工作原理是将 FLV 文件流转码复用成 ISO BMFF（MP4 碎片）片段，然后通过 Media Source Extensions 将 MP4 片段喂进浏览器。
flv.js的基本特征
FLV 容器，具有 H.264 + AAC 编解码器播放功能；
多部分分段视频播放；
HTTP FLV 低延迟实时流播放 FLV 通过WebSocket 实时流播放；
兼容 Chrome, FireFox, Safari 10, IE11 和 Edge；
十分低开销，并且通过你的浏览器进行硬件加速。
flv.js的基本语法
let videoElement = document.getElementById('videoElement')
// 创建flvjs实例
let flvPlayer = flvjs.createPlayer({
type: 'flv',
url: 'https://lmcjl.com/xxx.flv',
})
flvPlayer.on(flvjs.Events.LOADING_COMPLETE, (res) => {
console.log("加载完成")
})
flvPlayer.on(flvjs.Events.MEDIA_INFO, (res) => {
console.log("媒体信息")
})
flvPlayer.on(flvjs.Events.METADATA_ARRIVED, (res) => {
console.log("获取元数据")
})
flvPlayer.on(flvjs.Events.RECOVERED_EARLY_EOF, (res) => {
console.log("恢复早期EOF")
})
flvPlayer.on(flvjs.Events.SCRIPTDATA_ARRIVED, (res) => {
console.log("获取到脚本数据")
})
flvPlayer.on(flvjs.Events.ERROR, (errorType, errorDetail, errorInfo) => {
console.log("视频错误信息回调")
console.log("errorType:", errorType);
console.log("errorDetail:", errorDetail);
console.log("errorInfo:", errorInfo);
})
本文链接：http://so.lmcjl.com/news/9884/