Так что просто у меня есть код ниже для потоковой передачи rtsp с VLC на веб-странице. Слишком сложно заставить скрипт изменять адрес 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 ">
Спасибо за вашу помощь...
Вы должны изменить его с помощью 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
То, что вы ищете, может быть нелегко. Тем не менее, вы можете очень хорошо изменить встроенный контент с помощью кликов на кнопках. Я прилагаю рабочее решение ниже
код для embed-
<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-
<button type="button" onclick="newFeed()">Click Me!</button>
функция для изменения content-
<script type="text/javascript">
function newFeed()
{
document.getElementById("camFeed").src = "rtsp://xxx.xxx.xxx.xxx:554";
}
</script>
Примечание. Если вы хотите отображать фид из списка камер, вам нужно будет изучить импорт php-массивов в js с помощью json_encode()