如何在網站的每個頁面上制作固定（靜態）HTML 元素

Question

如何使 static 在站點的每個頁面上固定 HTML 元素？

我的意思是-例如，它是現場音樂播放器。 它顯示在頁面的角落，並且在網站上導航時 - 它不會重新加載。

此外，如果您打開許多網站頁面（不同的選項卡）而不是 state，則此元素在所有頁面上都是相同的。 （如果我在一頁上更改此元素中的某些內容 - 它在每一頁上都已更改）。

例如，我可以提供一個鏈接（我認為，允許在此站點上執行此操作）： http://www.jamendo.com/en/album/40689

如果單擊“播放”- 音樂播放器將打開。 如果您在其他 window 中打開其他藝術家 - 兩個玩家將相同。 如果您更改了一個 window 的音量 - 另一個音量也會更改。

這里使用了哪些技術？ 您能否提供一些參考資料以閱讀有關此類技術的信息？

Answer 1

好吧，我可以給你一個大致的想法，我將如何做到這一點。

您需要保留您不希望在所有頁面中保持相同的功能數據。

例如：如果您希望某些內容在所有頁面中都位於相同的 position 中，則可以將該變量的當前 position 存儲在 session 變量、cookie 或該特定用戶 IP 地址的數據庫中。 然后，您將向服務器發出 GET 請求，“詢問”您正在跟蹤的任何內容的最新 position。 如果不同，請相應更新 position。

您需要使用 Javascript、一種編程語言和某種數據持久性。

如果你想閱讀最新的東西，你可以使用 node.JS 輕松做到這一點。 有一個庫可以很容易地在客戶端上反映服務器端更改而無需發出 GET 請求（使其非常適合聊天應用程序）。

Answer 2

您可以使用本地存儲來存儲當前設置並從每個打開的實例中輪詢它們。 如果您只關心在一台機器上同步的設置，則不需要使用 AJAX 或服務器。

Answer 3

希望該網站的工作方式與您發布鏈接時一樣...

該站點正在使用 Flash ，它似乎正在使用LocalConnection和ExternalInterface 。 彈出窗口中的 Flash object 是實際播放音樂的那個。 頁面上的控件在頁面上調用 Flash object，它只是向彈出窗口發送命令。