vue-video-player如何实现实时视频播放的案例-创新互联

小编给大家分享一下vue-video-player如何实现实时视频播放的案例,希望大家阅读完这篇文章后大所收获,下面让我们一起去探讨吧!

成都创新互联公司主营红河网站建设的网络公司,主营网站建设方案,成都app开发,红河h5小程序设计搭建,红河网站营销推广欢迎红河等地区企业咨询

监控设备播放效果如下

vue-video-player如何实现实时视频播放的案例

1、vue项目安装vue-video-player

npm install vue-video-player --save

2、编写视频播放组件(放上完整的组件例子,父组件调用时给videoSrc和playerOptions.sources[0].src赋值就可以播放了,具体操作有注释)

注:style样式部分用了lang=scss,如果自己的项目没用他请用自己的方式改一下样式部分避免报错

 
 

 
 
 
 

当前文章:vue-video-player如何实现实时视频播放的案例-创新互联
标题链接:http://pwwzsj.com/article/cohoge.html