admin 管理员组文章数量: 1086019
2024年3月12日发(作者：代码零九txt下载百度云)
网络摄像机+VLC++HTML5
网络摄像机大部分都需要安装插件才能看，对于我们这些搞B/S的来说比较麻烦，最
近项目中要用到摄像机实时监控，所以查询了些资料。公司采用的大华的东西，将设备全
部接入一个局域网中，设置好ip
摄像机1 (192.168.8.110)
摄像机2 (192.168.8.180)
硬盘录像机NVR (192.168.8.108)
百度了一下大华（包含NVR/摄像机）RTSP地址：
rtsp://user:pwd@ip:port/cam/ realmonitor?channel=1&subtype=0
channel通道，NVR分通道。
subtype码流，0代表主码流（高清1080P），1代表辅码流(704*576(D1)).
直接访问摄像机：
摄像机
1:rtsp://admin:admin@192.168.8.110:554/cam/realmonitor?channel=1&subtype=
0
摄像机
2:rtsp://admin:admin@192.168.8.110:554/cam/realmonitor?channel=1&subtype=
0
访问NVR:
摄像机
1:rtsp://admin:admin@192.168.8.108:554/cam/realmonitor?channel=1&subtype=
0
摄像机
2:rtsp://admin:admin@192.168.8.108:554/cam/realmonitor?channel=2&subtype=
0
Html5
就可以直接播放。
使用vlc命令，在cmd命令下使用（注意下面是一行命令）
vlc -I dummy -vvv
"rtsp://admin:admin@192.168.8.110:554/cam/realmonitor?channel=1&subtype=
1"
--sout="#transcode{vcodec=theo,vb=800,acodec=vorb,ab=128,channels=2,samp
lerate=44100}:http{mux=ogg,dst=:8080/cam}" --sout-all --sout-keep
多行0%-100%，基本上就是成功了
HTML5
chrome打开页面就可以看到了
+HTML5
采用启动vlc，这里是多个摄像头
var child_process = require('child_process');
function openCam(rtsp,path){
var server=child_("C:Program Files
(x86)",["-I","dummy","-vvv",rtsp,"--sout=#transcode{vco
dec=theo,vb=800,acodec=vorb,ab=128,channels=2,samplerate=44100}:http{mux
=ogg,dst="+path+"}","--sout-all","--sout-keep"]);
//dummy 可以修改为 --no-dummy-quiet，隐藏vlc命令窗口
('exit', function (code, signal) {
('service exit');
});
}
openCam('rtsp://admin:admin@192.168.8.108:554/cam/realmonitor?channel
=1&subtype=1',':8800/cam');//摄像机110
openCam('rtsp://admin:admin@192.168.8.108:554/cam/realmonitor?channel
=2&subtype=1',':8801/cam');//摄像机180
目前只能一个摄像机一个端口，端口复用暂时不知道怎么弄。
HTML
运行node app，打开html即可
经过测试PC chrome、安卓UC都能打开。
版权声明：本文标题：Html5 video标签访问网络摄像机实时监控 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/p/1710258657a564816.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论