HTML5增加了vedio標簽，能直接播放視頻，但是播放的格式是有限的。
VLC V2.1.3 視頻轉碼軟件
Apache V2.2 HTTP服務器
IPCamera IP地址:192.168.1.11
電腦IP:192.168.1.10
一，通過VLC轉碼
1.Media->Stream->Network,輸入IPCamera的視頻流地址，這個地址可以問賣攝像頭的人要，或直接問廠家要,我的地址為:
Apache的安裝使用很簡單，不懂的地方可參考下網上的.我安裝的目錄為D:\Apache2.2，
網頁的路徑默認在D:\Apache2.2\htdocs,該目錄下的文件只有一個index.html:
index.html內容:
<!DOCTYPE html>
<html>
<body>
<video controls>
<source src="http://192.168.1.10:8080/stream" type="video/ogg">
Your browser does not support the video tag.
</video>
</body>
</html>
二, 打開瀏覽器，輸入電腦的IP地址192.168.1.10,點擊左下角的“播放”即可播放視頻.瀏覽器要用chrome的，試了IE不行。
這里將IPCamera的視頻轉換OGG格式，再通過HTML5網頁播放,播放還是很清晰的。IPCamera要支持RTSP等視頻流協議，taobao上100多的很多IPCamera都支持。這里所有的操作都是同一台電腦上進行.
電腦上要裝的軟件:
VLC V2.1.3 視頻轉碼軟件
Apache V2.2 HTTP服務器
IPCamera IP地址:192.168.1.11
電腦IP:192.168.1.10
一，通過VLC轉碼
1.Media->Stream->Network,輸入IPCamera的視頻流地址，這個地址可以問賣攝像頭的人要，或直接問廠家要,我的地址為:
rtsp://192.168.1.11:554/user=admin&password=&channel=1&stream=0.sdp?real_stream
2.點擊底下的Stream->Next->Http,點擊Add->在Path處寫上/stream,轉換出來的視頻流地址為http://192.168.1.10:8080/stream
3.點擊Next->選擇要轉換成的編碼格式：Video-Theora+Vorbis(OGG)
4.點擊Next->Stream即可，這時VLC標題欄顯示Streaming,說明已經在轉碼
二，網頁
Apache的安裝使用很簡單，不懂的地方可參考下網上的.我安裝的目錄為D:\Apache2.2，
網頁的路徑默認在D:\Apache2.2\htdocs,該目錄下的文件只有一個index.html:
index.html內容:
<!DOCTYPE html>
<html>
<body>
<video controls>
<source src="http://192.168.1.10:8080/stream" type="video/ogg">
Your browser does not support the video tag.
</video>
</body>
</html>
二, 打開瀏覽器，輸入電腦的IP地址192.168.1.10,點擊左下角的“播放”即可播放視頻.瀏覽器要用chrome的，試了IE不行。
版權聲明：本文為博主原創文章，未經博主允許不得轉載。
- 頂
- 0
- 踩
- 0
- 猜你在找
淺談html5 video標簽嵌入視頻
讓所有瀏覽器支持HTML5 video視頻標簽
HTML5-音頻audio和視頻video標簽
直接在低版本IE678瀏覽器中使用HTML5的audio和video標簽播放視頻音頻的辦法
驗證是否支持html5的Video標簽及MP4視頻播放