在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浏览器已经停止支持VLC和Quicktime插件。在写这篇回复的时候，只有Firefox仍然支持这个插件。这也意味着你需要在你的PC上安装VLC或Quicktime (我猜你已经有了，因为它在VLC中发挥了作用)。

现在试试Firefox，看看你的流是否能正常工作。如果系统要求激活VLC / Quicktime插件，请单击Allow或Allow并记住。

当使用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}