使用 VLC 的 RTSP 流:用户可更改的 RTSP IP



所以简单地说,我有下面的代码,用于在网页上使用 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">

感谢您的帮助...

您正在寻找的内容可能不容易实现。但是,您可以很好地使用按钮单击来更改嵌入内容。我在下面附加一个工作解决方案

嵌入式代码-

<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>

注意:如果你想显示来自相机列表的提要,你必须研究使用json_encode()将php数组导入js

你必须使用

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

相关内容

  • 没有找到相关文章

最新更新