Html5 <video>實現攝像頭監控問題：html5並不支持rtsp協議,所以使用vlc進行轉碼,將rtsp轉http流,這樣<video>才可以直接播放

今天在寫html5中播放曠視C2攝像頭視頻監控的功能，查了很多資料，才發現Html5 <video>並不支持rtsp協議。後來查到使用第三方轉碼才得以實現。

這裡把方法寫下來分享給大家。

首先要獲取攝像機品牌的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?

一，通過VLC轉碼
1.媒體->打開網路串流,輸入IPCamera的視頻流地址，這個地址可以問賣攝像頭的人要，或直接問廠家要，如C2的是

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

輸完地址之後在右下角選擇串流

2.點擊底下的下一步->Http,選中HTTP

然後點擊右邊的添加->在路徑處寫上/stream,轉換出來的視頻流地址為，你本機伺服器的IP地址+/stream,如http://192.168.1.4:8080/stream

3.點擊下一步->選擇要轉換成的編碼格式：Video-Theora+Vorbis(OGG)

4.點擊next下一步

5.點擊 Stream 流 即可，這時VLC標題欄顯示 流 ,說明已經在轉碼