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

872 ℃

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?

html5表单input控件有哪些?

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

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

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

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

帝国CMS[totaldata]标签的使用方法
网站优化中合适的关键词密度控制是多少?
在windows11系统上如何安装Git
纯CSS饼图效果
wordpress如何限制评论中的文字数量