Поток RTSP с VLC: изменяемый IP-адрес RTSP пользователем

0

Так что просто у меня есть код ниже для потоковой передачи 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 ">

Спасибо за вашу помощь...

Теги:
user-interface
stream
vlc
rtsp

2 ответа

0

Вы должны изменить его с помощью 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

0

То, что вы ищете, может быть нелегко. Тем не менее, вы можете очень хорошо изменить встроенный контент с помощью кликов на кнопках. Я прилагаю рабочее решение ниже

код для 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()

Ещё вопросы

Сообщество Overcoder
Наверх
Меню