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

898 ℃

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);
})

恒星播放器

快播5.0官方版

轩哥全能影视 电脑版

svg标签属性有哪些?

js如何判断浏览器是否支持html5?

标签: flash, flvjs, html5, 视频播放器

上面是“flv.js是什么插件,基本语法介绍”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_2961.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

HTTP协议中GET和POST请求有什么区别?
Tippy.js可定制的气泡提示独立组件文档官网介绍
jquery $.ajax如何解决跨域问题
es6语法中如何实现合并数组
js如何去除字符串中所有html标签