因为涉及到有些监控是没有音频的,所以使用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直播流视频

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

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。