DPlayer——支持弹幕的H5播放器
官网:http://dplayer.js.org/
Github地址:https://github.com/MoePlayer/DPlayer
简单使用:下载后把dist目录拷贝出来,页面加载:
这样就是一个简单的MP4播放。
1:支持FLV格式:
HTML5并不原生支持flash协议。flv.js项目解决了HTML5支持flash协议的问题,纯原生 JavaScript 开发,没有用到 Flash。由 bilibili 网站开源。
flv.js地址:https://github.com/Bilibili/flv.js
(1):构建代码,这个代码不能直接使用,要用nodejs的npm构建一下,执行安装环境
cjs@LAPTOP-UQTQL6TT MINGW64 /f $ cd flv.js-master/ cjs@LAPTOP-UQTQL6TT MINGW64 /f/flv.js-master $ npm install
执行完后会生成一个node_modules文件夹
(2):安装生成工具
npm install -g gulp(3):构建打包
gulp release我这里报错,node 10 版本都会出现这个问题,安装node.js的原生javascript模块 natives后可以解决。即:npm install natives
再运行第三步,OK
成功后生成dist目录,里面有flv.min.js和flv.js,一个是压缩过的,引用这两个文件就可以了。
加入到代码中:
这样就可以播放flv视频了,flv.min.js一定要在DPlayer.min.js前面