Html5video標(biāo)簽訪問網(wǎng)絡(luò)攝像機(jī)實(shí)時(shí)監(jiān)控

1、網(wǎng)絡(luò)攝像機(jī) +VLC+Nod e.js+HTML5網(wǎng)絡(luò)攝像機(jī)大部分都需要安裝插件才能看， 對(duì)于我們這些搞 B/S 的來說比較麻煩， 最近項(xiàng)目中要用到攝像機(jī)實(shí)時(shí)監(jiān)控， 所以查詢了些資料。 公司采用的大華的東西， 將設(shè)備全部接入一個(gè)局域網(wǎng)中，設(shè)置好 ip攝像機(jī)攝像機(jī)硬盤錄像機(jī)百度了一下大華（包含NVR/攝像機(jī)） RTSP地址：rtsp:/user:pwdip:port/cam/ realmonitor?channel=1&subtype=0channel 通道， NVR分通道。subtype 碼流， 0 代表主碼流（高清1080P）， 1 代表輔碼流 (704*576(D1).直接訪問攝像

2、機(jī)：攝像機(jī)攝像機(jī)訪問 NVR:攝像機(jī)攝像機(jī)Html5 <video> 并不支持 rtsp, 所以使用 vlc 進(jìn)行轉(zhuǎn)碼 ,將 rtsp 轉(zhuǎn) http 流 ,這樣 <video> 就可以直接播放。使用 vlc 命令，在cmd 命令下使用（注意下面是一行命令）vlc -I dummy -vvv/cam/realmonitor?channel=1&subtype=1"-sout="#transcodevcodec=theo,vb=800,acodec=vorb,ab=128,channels=2,samplerate=44100:httpmux=o

3、gg,dst=:8080/cam" -sout-all -sout-keep多行 0%-100%，基本上就是成功了精選文檔HTML5Your browser does not support the video tag.</video>chrome 打開頁(yè)面就可以看到了2精選文檔Node.js+HTML5采用 Node.js 啟動(dòng) vlc，這里是多個(gè)攝像頭app.jsvar child_process = require('child_process');function openCam(rtsp,path)var server=child_process

4、.spawn("C:Program Files(x86)VideoLANVLCvlc.exe","-I","dummy","-vvv",rtsp,"-sout=#transcodevcodec=theo,vb=8 00,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'););攝像機(jī) 110攝像機(jī) 1803精選文檔目前只能一個(gè)攝像機(jī)一個(gè)端口，端口復(fù)用暫時(shí)不知道怎么弄。HTMLYour browser does not support the video tag.</video>Your browser does not support