道者编程

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前面


最新评论:
我要评论:

看不清楚