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