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

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

2、主碼流(高清1080P), 1代表輔碼流(704*576(D1).直接訪問(wèn)攝像機(jī)：攝像機(jī) 1:rtsp:/admin:admin10:554/cam/realmonitor?channel=1&subtype=0 攝像機(jī) 2:rtsp:/admin:admin10:554/cam/realmonitor?channel=1&subtype=0 訪問(wèn) NVR:攝像機(jī) 1:rtsp:/admin:admin08:554/cam/realmonitor?channel=1&subtype=0 攝像機(jī) 2:rtsp:/admin:adm

3、in08:554/cam/realmonitor?channel=2&subtype=0Html5 并不支持 rtsp，所以使用vic進(jìn)行轉(zhuǎn)碼，將rtsp轉(zhuǎn)http流，這樣就可以直接播放。使用vic命令，在cmd命令下使用（注意下面是一行命令）vic -I dummy -vvvrtsp:/admin:admin10:554/cam/realmonitor?channel=1&subtype=1sout=#transcodevcodec=theo,vb=800,acodec=vorb,ab=128,channels=2,samplerate =4410

4、0:httpmux=ogg,dst=:80/cam -sout-all -sout-keep多行 0%-100%，基本上就是成功了HTML5Your browser does not support the video tag.chrome 打開(kāi)頁(yè)面就可以看到了Node.js+HTML5采用Node.js啟動(dòng)vic,這里是多個(gè)攝像頭app.jsvar chiid_process = require(chiid_process);function openCam(rtsp,path)var server=child_process.spawn(C:Program Files(x86)VideoL

5、ANVLCvlc.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);/ 攝像機(jī) 110openCam(rtsp:/admin:admin08:554/cam/realmonitor?channel=2&subtype=1,:8801/cam);/ 攝像機(jī) 180目前只能一個(gè)攝像機(jī)一個(gè)端口，端口復(fù)用暫時(shí)不知道怎么弄。HTMLYour browser does not support the video ta