安装依赖
npm install @easydarwin/easyplayer --save
npm install copy-webpack-plugin@5.1.2 --save-dev
找到public/index.html
在node_modeols里面找到@easydarwin下的dist/compent/EasyPlayer-lib.min.js和EasyPlayer.wasm两个文件复制到pubilc目录下
引入
<script src="./EasyPlayer-lib.min.js"></script>
再要播放的地方
1、引入
import EasyPlayer from "@easydarwin/easyplayer"
2、注册
在components中
components:{EasyPlayer}
3、使用组件
在模板中文章来源：https://www.toymoban.com/news/detail-609579.html
<EasyPlayer :id="Math.floor(Math.random()*1+1)" :videoUrl=item :live="true" />
4、样式自己调整
5、双击可全屏
结果
文章来源地址https://www.toymoban.com/news/detail-609579.html
到了这里，关于vue项目如何播放m3u8格式视频的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
