Question

所以我只需要下面的代码就可以在网页上使用VLC来传输rtsp。使用脚本更改用户的rtsp地址是否太复杂（假设右击视频并从下拉列表中选择另一个rtsp地址）？

embed type =“application / x-vlc-plugin”pluginspage =“http://www.videolan.org”version =“VideoLAN.VLCPlugin.2”width =“100％”height =“100％”id =“vlc”loop =“yes”autoplay =“yes”target =“rtsp：//192.168.1.225”＆gt;

感谢您的帮助......

Answer 1

您正在寻找的内容可能并不容易。但是，您可以使用按钮单击更改嵌入内容。我正在附上一份工作解决方案

嵌入代码 -

<embed id="camFeed" type="application/x-vlc-plugin" pluginspage="http://www.videolan.org" autoplay="yes" loop="no" bgcolor="#fff" width="752" height="424" src="" />

按钮代码 -

 <button type="button" onclick="newFeed()">Click Me!</button>

更改内容的功能 -

<script type="text/javascript">
function newFeed()
{
     document.getElementById("camFeed").src = "rtsp://xxx.xxx.xxx.xxx:554";
}
</script>

注意：如果要显示摄像机列表中的Feed，则必须考虑使用json_encode()

将php数组导入js

Answer 2

您必须使用js更改它，我使用它：

HTML：

<embed type="application/x-vlc-plugin"
    pluginspage = "http://www.videolan.org"
    id = "vlc"
    width = "100"  
    height ="100"
    autoplay = "true"
    src = "HERE TYPE YOUR FIRST IP"
/>

JS（Jquery的例子）：

var vlc = $("#vlc")[0];
var newSrc = "HERE TYPE YOUR SECOND IP";
vlc.playlist.stop();
vlc.playlist.items.clear();
var item = vlc.playlist.add(newSrc);
vlc.playlist.playItem(0);

您可以在此处获取更多信息：https://wiki.videolan.org/Documentation:WebPlugin

使用VLC的RTSP流：用户可更改rtsp IP

2 个答案: