Html5 video标签访问网络摄像机实时监控

网络摄像机+VLC+Node.js+HTML5 网络摄像机大部分都需要安装插件才能看，对于我们这些搞B/S的来说比较麻烦，最近项目中要用到摄像机实时监控，所以查询了些资料。公司采用的大华的东西，将设备全部接入一个局域网中，设置好ip 摄像机1 (10)摄像机2 (80)硬盘录像机NVR (08)百度了一下大华（包含NVR/摄像机）RTSP地址：rtsp:/user:pwdip:port/cam/ realmonitor?channel=1&subtype=0channel通道，NVR分通道。subtype码流，0代表主码流（高清1080P），1代表辅码流(704*576(D1).直接访问摄像机：摄像机1:rtsp:/admin:admin10:554/cam/realmonitor?channel=1&subtype=0摄像机2:rtsp:/admin:admin10:554/cam/realmonitor?channel=1&subtype=0访问NVR:摄像机1:rtsp:/admin:admin08:554/cam/realmonitor?channel=1&subtype=0摄像机2:rtsp:/admin:admin08:554/cam/realmonitor?channel=2&subtype=0Html5 并不支持rtsp,所以使用vlc进行转码,将rtsp转http流,这样就可以直接播放。使用vlc命令，在cmd命令下使用（注意下面是一行命令）vlc -I dummy -vvv rtsp:/admin:admin10:554/cam/realmonitor?channel=1&subtype=1 -sout=#transcodevcodec=theo,vb=800,acodec=vorb,ab=128,channels=2,samplerate=44100:httpmux=ogg,dst=:8080/cam -sout-all -sout-keep多行0%-100%，基本上就是成功了HTML5 Your browser does not support the video tag. chrome打开页面就可以看到了Node.js+HTML5采用Node.js启动vlc，这里是多个摄像头app.jsvar child_process = require(child_process);function openCam(rtsp,path)var server=child_process.spawn(C:Program Files (x86)VideoLANVLCvlc.exe,-I,dummy,-vvv,rtsp,-sout=#transcodevcodec=theo,vb=800,acodec=vorb,ab=128,channels=2,samplerate=44100:httpmux=ogg,dst=+path+,-sout-all,-sout-keep);/dummy 可以修改为 -no-dummy-quiet，隐藏vlc命令窗口server.on(exit, function (code, signal) console.log(service exit););openCam(rtsp:/admin:admin08:554/cam/realmonitor?channel=1&subtype=1,:8800/cam);/摄像机110openCam(rtsp:/admin:admin08:554/cam/realmonitor?channel=2&subtype=1,:8801/cam);/摄像机180目前只能一个摄像机一个端口，端口复用暂时不知道怎么弄。HTML Your browser does not support the video ta