如何使用服務器發送的事件HTML 5創建圖像庫

Question

我想創建一個全屏圖像播放列表，用於從Web服務器中的文件夾中旋轉圖像。

如果我放入一張新圖像，瀏覽器會自動將新圖像放入旋轉中，如果我刪除圖像，應該從旋轉中刪除圖像。

我可以用什麼技術或插件來創建類似的東西？

感謝您的期待。

Answer 1

有三種技術，這可能是對你有意思：

• 長輪詢Ajax請求：這些工作與所有相當不錯最新的瀏覽器。這個想法是，保持ajax請求打開，直到發生變化。小心使用您正在使用的Web服務器 - 如果它使用了固定數量的威脅，這些威脅可能會非常快速地消失。
• 服務器發送事件：客戶端打開http連接，服務器通過這一個連接向客戶端發送事件。在框架和瀏覽器（如IE10）中對此技術並沒有廣泛的支持。
• WebSockets：這是將事件推送到客戶端的最新技術。客戶端打開到服務器的http連接。之後，協議發生變化，雙方都可以發送二進制數據。在最新的瀏覽器中有廣泛的支持 - 包括IE10。您可能仍然遇到代理服務器的問題。

除了這三種技術，您還可以每隔幾秒或幾分鐘使用ajax請求輪詢服務器。如果不需要實時/近場時間，這可能是充足的。