为什么要利用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+右键,选择在此处打开命令窗口。
输入npm install安装依赖。
运行完成后,根目录会天生一个node_modules文件夹。
运行npm install -g gulp命令安装构建工具。
末了在运行gulp release命令在dist文件夹中开释flv.js和flv.min.js文件。
把开释的文件放到项目任意位置,在页面中引入js文件即可。
在body元素中创建一个<video>标签,设置id属性,添加controls属性显示掌握条。
运行以下脚本,在HTML5页面的<video>标签中就能播放flv文件了。
2、其他
flv.js有比较丰富的方法、事宜和配置属性,能够知足根本的flv格式视频播放需求,感兴趣的朋友可以深入理解。
flv.js文档:
https://github.com/Bilibili/flv.js/blob/master/docs/api.md
有哪里写得不好的地方请大家提出来,请轻喷,感激。 同时有什么与编程干系的好东西可以保举给我,再次感谢!