RTSP IP摄像机使用HTML或其他网络技术流式传输到网页?

时间:2014-11-28 14:34:02

标签: html video-streaming vlc

目前有3台trendinet TV-IP310P摄像机,我已经能够使用rtsp:// [用户名]:[密码] @ [ip-address]:[端口]在应用程序iSpy上工作/ mpeg4使用VLC插件,结果足够好。

我想尝试将Feed嵌入到网页中,但我不确定该怎么做以及我需要做什么。

我快速浏览了一下,看到一些人使用<object>标签和一个带有VLC的活动X插件让它工作,当我复制它并更改它时,我得到一个空白的屏幕,什么也没有。

我使用MBP但可以访问Windows机器,因此我可以选择如何处理它。

        <embed type="application/x-vlc-plugin" pluginspage="http://www.videolan.org" />
        <OBJECT classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"
        codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab"
        width="640" height="360" id="vlc" events="True">
            <param name="Src" value="rtsp://XXXX:XXXX@XXXXXXXXX:XXX/mpeg4 />
            <param name="ShowDisplay" value="True" />
            <param name="AutoLoop" value="False" />
            <param name="AutoPlay" value="False" />
        </OBJECT>

只是为了说清楚这是我从我所读过的内容中尝试过的,除非我突出显示它,否则播放器是不可见的。

1 个答案:

答案 0 :(得分:0)

首先,您的代码中有错误:

<param name="Src" value="rtsp://XXXX:XXXX@XXXXXXXXX:XXX/mpeg4 />

应该是:

<param name="Src" value="rtsp://XXXX:XXXX@XXXXXXXXX:XXX/mpeg4" />

(缺少结束语)

其次,我认为您必须在添加到VLC Web插件的rtsp播放列表项目中设置“--rtsp-tcp”选项。

试试这个:

<强> HTML

<embed id="vlc" type="application/x-vlc-plugin" pluginspage="http://www.videolan.org" width="640" height="480">
</embed>

<强>的JavaScript

var vlc = document.getElementById("vlc");
var options = new Array("--rtsp-tcp");
var videoid = vlc.playlist.add("rtsp://XXXX:XXXX@XXXXXXXXX:XXX/mpeg4", "rtsp stream name", options);
vlc.playlist.playItem(videoid);

来源:VLC Web Plugin Documentation