在Vue中播放监控视频


最近有个需求需要把录像视频实时同步到项目中,视频流是RTSP的,这个要比rtmp格式的要复杂一点,采用了H5C。用到了步骤如下:

第一步:.https://linkingvision.cn/download/h5stream/  下载最新版本的h5s 

这个是根据你的操作系统下载,需要放在服务端上的。

 

 

 第二步:.解压后 修改压缩包中的文件 ../conf/h5ss.conf

    strurl是rtsp视频源地址 用户名和密码 用默认的就行

 

 

 

第三步:运行根目录下的regservice.bat文件,这个文件只要运行一次就行,以后不需要运行.

 

 

 

第四步:运行h5ss.bat文件,运行后不要关闭,浏览器输入网址http://localhost:8080/demo.html可以查看效果

 

 

 

以上步骤是运行在服务端的 vue代码如下

 

 

 附上git地址  https://gitee.com/leedong123/vue-h5s

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM