uniapp项目引入Dplayer.js以及hls.js用来解析播放m3u8直播流视频文件,文末有项目代码可供下载

1.下载依赖

npm i dplayer -S npm i hls.js -S

2.vue页面




然后就可以运行uniapp项目了。 

uniapp项目引入Dplayer.js以及hls.js用来解析播放m3u8直播流视频文件,文末有项目代码可供下载_第1张图片

Dplayer的一些常用的参数

uniapp项目引入Dplayer.js以及hls.js用来解析播放m3u8直播流视频文件,文末有项目代码可供下载_第2张图片

uniapp 播放m3u8格式项目下载:uniappnpm引入Dplayer与hls解析播放m3u8格式视频_uniapp动态播放m3u8-编解码文档类资源-CSDN下载


 3. 2022年2月9日更新

有人私信问我Dplyer如何切换m3u8视频,我就在这里说一下。

刚开始我用官网的这个API方法以切换视频,但是很遗憾没有解决。

uniapp项目引入Dplayer.js以及hls.js用来解析播放m3u8直播流视频文件,文末有项目代码可供下载_第3张图片

 于是,我便尝试用watch监听vuex中的视频源src,当视频源发生改变时,重新初始化 Dplyer示例。






你可能感兴趣的:(vue,uniapp,m3u8,javascript,vue.js,dplayer,m3u8,uni-app)