gpt4 book ai didi

javascript - 使用 Jquery 图像 slider 进行直播

转载 作者:行者123 更新时间:2023-11-30 17:50:50 24 4
gpt4 key购买 nike

我遇到的情况是如何将幻灯片放映作为实时流媒体播放。就像我一次有两个屏幕,并且都在浏览器中打开了相同的图像 slider 页面,当我单击下一个或上一个按钮时,幻灯片将同时在两个屏幕上发生变化。有什么办法可以做到这一点,如果有,请给我任何建议。

最佳答案

您需要将“幻灯片更改”事件发送到服务器,然后从那里将其推送到所有客户端。我建议你看看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
});

关于javascript - 使用 Jquery 图像 slider 进行直播,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19091345/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com