HTML5 实现摄像头实时监控

    实现摄像头实时监控有如下两种方法

   1.HTML5+VLC实现网络串流进行实时监控,对带宽要求较高。

          VLC下载链接:https://www.videolan.org/

          步骤软件打包下载地址:https://download.csdn.net/download/qq_37753687/12327630

    2.VLC安装

           HTML5 实现摄像头实时监控_第1张图片

选择自己所需要的版本

 

            HTML5 实现摄像头实时监控_第2张图片

  选取VLC存放位置

3.安装完成

   打开VLC

            HTML5 实现摄像头实时监控_第3张图片

   点击Media,再点击Stream...进入串流配置

            HTML5 实现摄像头实时监控_第4张图片

 点击网络,输入摄像头对应的rtsp地址 rtsp://账户:密码@摄像头IP:端口/cam/realmonitor?channel=1&subtype=1

            HTML5 实现摄像头实时监控_第5张图片

填写完之后下一步,下一步选着HTTP,选着HTTP之后点击ADD

           HTML5 实现摄像头实时监控_第6张图片

改写摄像头视频输出的端口号和项目名

           HTML5 实现摄像头实时监控_第7张图片

全部配置完之后VLC不关闭,打开HTML,配置

配置完之后网页打开,摄像头实时监控显示,到这里就完成了摄像头实时监控

          HTML5 实现摄像头实时监控_第8张图片

谢谢您的观看,如有问题希望指出和讲解,欢迎邮箱一起探讨[email protected]

下一篇为h5s配置+HTML5实现摄像头实时监控

你可能感兴趣的:(HTML5+摄像头)