欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

flv播放器手机版安卓(全免费的视频编辑器)

程序员文章站 2023-11-25 09:25:46
flv.js是由bilibili开源(apache)的一个html5纯javascript编写的flash 视频(flv)播放器,不需要flash,http flv直播当前不是所有的浏览器都支持,目前...

flv.js是由bilibili开源(apache)的一个html5纯javascript编写的flash 视频(flv)播放器,不需要flash,http flv直播当前不是所有的浏览器都支持,目前支持(chrome 43+、firefox 42+、edge 15.15048+和safari 10.1+)。它解析flv文件转码为iso bmff(mp4碎片)片段,然后通过media source extensions将片段喂给原生html5 <video>标签进行播放音视频数据,使浏览器在不借助flash的情况下播放flv。

为什么要使用flv.js呢?因为目前浏览器厂商已经开始默认禁用flash了,但由于flash影响力还在,做互联网直播的公司为了能兼容web上的flash播放,不约而同地选择了flv格式,可html5只支持ogg、mpeg4、webm格式,不能平滑的从flash过渡到html5,flv.js解决了这个问题。

特点:

①flv.js支持视频编码为h.264,音频编码为aac或mp3的flv文件。

②支持视频懒加载,分段加载播放。

③同时支持直播和录播

④占用极低的资源,采用硬件加速,性能更好,支持高清。

⑤纯javascript编写,不需要对flash依赖。

1、快速开始

https://github.com/bilibili/flv.js

该项目没有释放文件需要构建,请先确保已经存在nodejs环境,下载完成后解压;当然也可以使用cdn引入,下面介绍如何释放文件。

打开cmd,进入解压后的文件夹根目录;或者在文件夹根目录按住shift+右键,选择在此处打开命令窗口。

flv播放器手机版安卓(全免费的视频编辑器)

输入npm install安装依赖。

flv播放器手机版安卓(全免费的视频编辑器)

运行完成后,根目录会生成一个node_modules文件夹。

flv播放器手机版安卓(全免费的视频编辑器)

运行npm install -g gulp命令安装构建工具。

flv播放器手机版安卓(全免费的视频编辑器)

最后在运行gulp release命令在dist文件夹中释放flv.js和flv.min.js文件。

flv播放器手机版安卓(全免费的视频编辑器)

把释放的文件放到项目任意位置,在页面中引入js文件即可。

flv播放器手机版安卓(全免费的视频编辑器)

在body元素中创建一个<video>标签,设置id属性,添加controls属性显示控制条。

flv播放器手机版安卓(全免费的视频编辑器)

运行以下脚本,在html5页面的<video>标签中就能播放flv文件了。

flv播放器手机版安卓(全免费的视频编辑器)
flv播放器手机版安卓(全免费的视频编辑器)

2、其他

flv.js有比较丰富的方法、事件和配置属性,能够满足基础的flv格式视频播放需求,感兴趣的朋友可以深入了解。