vue项目如何播放m3u8格式视频_vue 播放m3u8

安装依赖

 npm install @easydarwin/easyplayer --save
 npm install copy-webpack-plugin@5.1.2 --save-dev
1
2

找到public/index.html

在node_modeols里面找到@easydarwin下的dist/compent/EasyPlayer-lib.min.js和EasyPlayer.wasm两个文件复制到pubilc目录下

引入

	<script src="./EasyPlayer-lib.min.js"></script>
1

再要播放的地方

1、引入

import EasyPlayer from "@easydarwin/easyplayer"
1

2、注册

在components中

components:{EasyPlayer}
1

3、使用组件

在模板中

<EasyPlayer :id="Math.floor(Math.random()*1+1)" :videoUrl=item :live="true" />
1

4、样式自己调整

5、双击可全屏

结果