在HTML網站上嵌入RTSP視頻流

Question

我想將IP攝像機的視頻流嵌入到網站中。 此流的URL看起來是這樣的：

rtsp://my.camera.com/axis-media/media.amp 

如果我打開VLC它工作正常流。 我曾嘗試使用的東西在這裏，但沒有什麼工作： https://wiki.videolan.org/Documentation:WebPlugin

Answer 1

它可以與VLC或Quicktime但你最有可能遇到的實際問題，做的是，Web瀏覽器已經停止suporting的VLC和Quicktime插件。在撰寫本回復時，Firefox仍然支持這個插件。 這也意味着你需要在你的PC上安裝VLC或Quicktime（我收集你有它，因爲它在VLC中播放蒸汽）。

現在試試Firefox，看看你的流是否有效。 如果它要求激活VLC/Quicktime插件，請單擊允許或允許並記住。

當使用VLC的HTML代碼在您的網站應該像這樣：

<div id="cctv-container"> 
    <object classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921" codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab" id="vlc" events="True" width="640" height="480"> 
    <param name="Src" value="rtsp://my.camera.com/axis-media/media.amp"/> 
    <param name="ShowDisplay" value="True"/> 
    <param name="AutoLoop" value="False"/> 
    <param name="AutoPlay" value="True"/> 
    <embed id="vlcEmb" type="application/x-google-vlc-plugin" version="VideoLAN.VLCPlugin.2" autoplay="yes" loop="no" target="rtsp://my.camera.com/axis-media/media.amp" width="640" height="480"/> 
    </object> 
</div> 

目前唯一的辦法把它在Chrome或IE流有VLC轉碼RSTP流爲你一個HTML5支持的流。

這裏是一個樣本VLC命令來做到這一點：

vlc rtsp://my.camera.com/axis-media/media.amp :network-caching=1000 :sout=#transcode{vcodec=theo,vb=1600,scale=1,acodec=none}:http{mux=ogg,dst=:8181/stream} :no-sout-rtp-sap :no-sout-standard-sap :sout-keep 

新的輸出流，然後可以嵌入HTML5墊片：

可以很明顯的更改端口或編碼類型你看到合適的例如

:http{mux=flv,dst=:1234/stream}