基本知識:
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化。
