最近公司安排做CCFA的一些東西，有一項就是做一個網頁播放攝像頭的實時監控。網上百度了很久，很多都是直接用vlc插件實現，但是目前主流瀏覽器都已經不支持vlc插件了，搞了很久也沒成功。

網上大多是這么實現的：

 object type= application/x-vlc-plugin id= vlc events= True width= 720 height= 540 pluginspage= http://www.videolan.org codebase= http://downloads.videolan.org/pub/videolan/vlc-webplugins/2.0.6/npapi-vlc-2.0.6.tar.xz  param name= mrl html' target='_blank'>value=rtsp://[username]:[password]@[ip]:[port]/[codec]/[channel]/[subtype]/av_stream /  param name= volume value= 50 /  param name= autoplay value= true /  param name= loop value= false /  param name= fullscreen value= false /  /object 

偶然發現一篇文章，可以使用工具進行推流，然后在網頁上使用 video 播放。

最后實現的效果圖：

最后經過測試，正常會有2秒左右的延遲，還在能接受范圍內。

總結

以上所述是小編給大家介紹的HTML實現海康攝像頭實時監控功能，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對PHP 的支持！

相關推薦：

HTML中標簽欄的幾種實現方法

HTML多圖上傳預覽功能的實現

結合css用Html 實現動態顯示顏色塊的報表效果

以上就是HTML實現海康攝像頭實時監控功能_HTML/Xhtml_網頁制作的詳細內容，html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。