1、下载EasyPlayer 5.0.3版本
在package.json中加入EasyPlayer,并全局install下
"dependencies": {
"@easydarwin/easyplayer": "^5.0.3"
}
2、找到node_modules中的EasyPlayer.wasm和EasyPlayer-element.min.js
3、复制到public下面,并复制一个jQuery.man.js,否则会出现问题。
4、在index.html中引入jquery.min.js和EasyPlayer-element.min.js
5、在页面中直接使用
<easy-player video-url="http://*****:8090/proxy/video/36f81d772002d8c6d687555ae65ebe7c/hls.m3u8" :live="true"></easy-player>
6、效果图
注意事项:
vue打包运行后,读取EasyPlayer.wasm文件,默认会找http://localhost/EasyPlayer.wasm路径,如果项目通过nginx代理过,EasyPlayer.wasm也需要单独代理。