html頁面如何訪問rtsp視頻源


基本知識:

1. 目前web不能直接訪問rtsp視頻源(不考慮安裝插件的情況)

2. html頁面播放視頻的四種方式

         1.)視頻文件(如mpeg,webm,部署最簡單,實時性較差)

         2.)webrtc協議, 實時性能最好

         3.)  websokect 協議, 需要自己封裝,也有一些開源和商業庫

         4.)rtmp協議(需安裝flash插件)

所以rtsp視頻源必須 通過 視頻轉換服務器進行轉換后才能在html頁面上播放視頻。

整個架構如下:

轉碼server 是其中最復雜又最核心的部分。(目前有很多商用公司如:聲網,也有一些開源資源例如 :kurento )

知道上述架構后,我們可以用vlc軟件來做快速做個試驗。

1.收集rtsp源:

如大華的是

     rtsp://user:pwd@ip:port/cam/ realmonitor?channel=1&subtype=0 

海康的是

    rtsp://user:pwd@ip:port/MPEG-4/ch1/main/av_stream

曠視 C2

  rtsp://192.168.1.10/user=admin&password=&channel=1&stream=0.sdp?

2.安裝VLC播放器,我們用VLC播放器來做 轉碼server

VLC播放器安裝,百度搜索下載安裝。

3.設置轉碼。

打開VLC選擇網絡串流。

填上視頻源

如果點下面播放,可以播放視頻說明視頻源沒有問題。點串流則可以做本地視頻源轉換。

再確認一下視頻源,點下一步

這是 流輸出可以選擇http文件

點擊添加,填上服務器端口號和路徑。

編碼方式要 選 Theora會穩定一點

 

繼續點下一步,VLC便開始以 轉碼server 的方式運行了。

4. html頁面編寫

<!DOCTYPE HTML>
<html>
  <body>
    <video src="http://127.0.0.1:8080/test" controls="controls">
    your browser does not support the video tag
    </video> 
  </body>
</html>

最后打開頁面成功完成rtsp的html web化。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM