vue项目展示rtsp流体协议视频直播（本人亲自对接海康摄像头时使用成功的方案）_vue vlc rtsp

作者：木道寻08 | 2024-07-22 20:56:14

踩

vue vlc rtsp

前端如果想展示rtsp协议流体视频直播，目前我测试出的唯一办法就是使用360浏览器使用vlc插件转码展示出来，如果公司项目允许的话可以使用我提出的这个办法

1. 去vlc官网下载vlc插件，别改安装路径，其他就可以暂时不用管了，直接下一步

2. 去下载360浏览器

360浏览器也有些版本使用加载不出来，本人使用这两个360浏览器可以加载出来，如果找不到合适版本可以留言我发给你（这个本人收费，不建议联系我哈）

3. 使用embed标签展示出视频流


 <embed style="width: 9.6354vw;height: 5.3646vw;" controls="volumelever"
 type="application/x-vlc-plugin" src="rtsp://地址">

其中src可以存放rtsp协议流地址，controls有很多属性，可以自己选择

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/木道寻08/article/detail/866738