flv.js是什么插件，基本语法介绍

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://ipkd.cn/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);
})