web网页利用RTSP查看监控

VLC下载安装

之前使用ocx制作的海康大华监控实时查看,体质太过臃肿,于是改成RTSP开发(ocx好不容易制作完成,瞬间转到RTSP,泪崩) 有需要ocx开发文档或者demo的同学可以在留言留下邮箱地址,我看到就会发过去的!

  • 下载vlc - http://www.videolan.org/vlc/ 开源的好东西,并安装(本人测试系统为WIN10 64bit 下载32bit的就可以,XP也没问题);
  • 安装,并勾选Mozila支持;
  • 实时播放代码如下:

"<object type='application/x-vlc-plugin' pluginspage="http://www.videolan.org/" id='vlc' events='false' width="720" height="410">
    <param name='mrl' value='rtsp://admin:12345@192.168.10.235:554/h264/ch1/main/av_stream' />
    <param name='volume' value='50' />
    <param name='autoplay' value='true' />
    <param name='loop' value='false' />
    <param name='fullscreen' value='false' />
    <param name='controls' value='false' />
</object>"

总结

实测支持 ie 火狐 Safari 谷歌(高版本不支持),国内大多数浏览器都是可以的(360、搜狗等等); 兼容性对于ocx来说好太多,缺点就是无法实时操控监控,例如拍照、录像等等。

我是在react下进行开发的,所以代码不支持直接写入结构中,只能动态添加到dom中 另外官网提供的cab已经不支持下载,所以大家可以在代码中加入上海交大制作的,不过版本较低。 地址:http://comic.sjtu.edu.cn/vlc/cab/axvlc.cab

最终播放效果(rtsp地址换成自己的)

打赏一个呗

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦