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

  • uniapp、微信小程序播放flv直播流视频已关闭评论
  • 279 次浏览
  • A+
所属分类:Web前端
摘要

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

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

 

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