发布时间:2022-08-10 文章分类:编程知识 投稿人:赵颖 字号: 默认 | | 超大 打印

因为涉及到有些监控是没有音频的,所以使用flv.js插件,通过<web-view>标签跳转到h5页面。

uniapp、微信小程序播放flv直播流视频

在真机上调试发现是没有发现flv.js文件,出现跨域现象,但是我只是导入了js文件,不知道什么情况;

uniapp、微信小程序播放flv直播流视频

然后,就只是移动端不支持flv.js。经过不懈努力,我找到了另外一个插件   -----DPlayer.js,具体文档参考http://dplayer.js.org/guide.html#options。这个确实也是可以在移动端播放直播流flv视频,但不能忽略音频。使用videojs-flvjs。

1、首先npm install --save videojs-flvjs,引入flv.js,video.js,videojs-flvjs

uniapp、微信小程序播放flv直播流视频

2、html

uniapp、微信小程序播放flv直播流视频

3、JS

uniapp、微信小程序播放flv直播流视频

4、成果

uniapp、微信小程序播放flv直播流视频

剩下的就是自己调整样式了,这个在移动端也能够兼容播放