帶VLC的RTSP流：用戶可更改rtsp IP

Question

因此，我簡單地擁有下面的代碼，即可在網頁上通過VLC流式傳輸rtsp。 使用腳本來更改用戶的rtsp地址是否太復雜了（讓我們說右鍵單擊視頻並從下拉列表中選擇另一個rtsp地址）？

嵌入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“>

謝謝你的幫助...

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>

注意：如果要顯示攝像機列表中的提要，則必須考慮使用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