使用Jquery圖像滑塊進行流媒體直播

Question

我遇到像我如何運行幻燈片直播的情況。就像我一次有兩個屏幕一樣，並且在瀏覽器中打開了同一頁面的圖像滑塊，並且當我點擊下一個或上一個按鈕時，幻燈片將同時在兩個屏幕上變化。有沒有辦法做到這一點，如果那麼請給我任何建議如何做到這一點。

Answer 1

您需要將「幻燈片更改」事件發送到服務器，然後將其推送到所有客戶端。我建議你看看https://www.firebase.com/他們有很好的教程。

最終代碼會是這樣的：

myDataRef.on('child_added', function(snapshot) { 
    var message = snapshot.val(); 

    currentSlide = message.currentSlide 
    changeSlide(currentSlide) 
}); 


var sendToServer = function(newSlide) { 
    myDataRef.push({ 
     currentSlide(newSlide) 
    }); 
} 

$('.slider .slide-right').on('click', function() { 
    var newIndex = //here you set the new slider index (for example "1" for the first image 
    sendToServer(newIndex) //here you send the index of the new selected image to the server which will then send it to all the clients 
});