項(xiàng)目需求，web端實(shí)現(xiàn)?？当O(jiān)控視頻對(duì)接接入，需實(shí)現(xiàn)實(shí)時(shí)預(yù)覽，云臺(tái)功能，回放功能。
web端要播放視頻，有三種方式，一種是裝瀏覽器裝插件，一種是裝客戶端exe，還有就是無插件了。瀏覽器裝插件很早前已經(jīng)行不通了，chrome42還是44之前的可以?？蛻舳搜b軟件，一般接受度也比較低（官方也是有提供裝插件的demo以及教程的），所以最終選擇無插件播放的方式了。
?1.?？涤刑峁?duì)應(yīng)的監(jiān)控取流接口，rtsp,rtmp,hls,ws,wss（用于對(duì)講）?
?2.其中rtsp可用于app，插件可以直接播放rtsp，web端無法使用
3.web端可以使用hls進(jìn)行播放，hls.js播放hls流即可，但是要注意的是，hls 協(xié)議支持的碼流編碼格式是 h264，音頻格式是 aac(前端是復(fù)合流時(shí))，要檢查下前端設(shè)備上的編碼格式和音頻格式是否符合，編碼格式是不是h264，音頻格式是不是aac，查看了下，我這的設(shè)備是265所以沒采用該方式
4.最終剩下選擇官網(wǎng)提供的H5視頻播放器開發(fā),取的是ws流
?
后端使用nodejs，?？禌]有提供對(duì)應(yīng)的加簽demo，折騰了下，nodejs加簽。加簽后即可正常使用?？档娜×鹘涌诹?。前端vue就使用官方提供的h5進(jìn)行ws流對(duì)接。沒一個(gè)接口都需要?jiǎng)討B(tài)加簽下，才能正常調(diào)用
對(duì)接的是?？稻C合安防管理平臺(tái)
一下為使用到的一些記錄
1.文檔中心（海康官方文檔，有給對(duì)應(yīng)的接口文檔，也可以直接在線調(diào)試，請(qǐng)求回流進(jìn)行播放嘗試）https://27.154.53.2:10443/artemis-portal/document/1379902034379014144#1379902045007380480
文章來源：http://www.zghlxwxcb.cn/news/detail-618478.html
?調(diào)試傳參，與默認(rèn)demo有些許變動(dòng)，然后我是取ws流，所以protocol設(shè)置為ws
文章來源地址http://www.zghlxwxcb.cn/news/detail-618478.html
到了這里，關(guān)于web，h5?？狄曨l接入監(jiān)控視頻流記錄一的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
