音頻在所有頁面上連續播放？

-1

這甚至可能嗎？要在導航到同一網站上的其他頁面時停止播放mp3嗎？我真的不知道從哪裏開始。的新HTML，CSS等任何想法樣的？謝謝。音頻在所有頁面上連續播放？

2017-06-19 gmod74

角度，所以它是一個單頁的應用程序，是的這是可能的，但你需要工作一點：D –

不真的可能我不認爲用一個正常的結構。也許通過ajax加載頁面內容，因此頁面沒有改變，你可以保持音頻實例不中斷。否則，您可以將音頻播放點保存爲離開時的會話，然後在下一頁加載時繼續離開該點，但音頻在加載期間顯然會停止。 – Jam3sn

您可以使用框架（不要，它們已被棄用），您可以使用單獨的選項卡/彈出式窗口（不要，彈出窗口可能被阻止，其他選項卡/窗口是不好的UX），或者您可以創建一個頁面其中內容是動態加載的，即一旦加載頁面，在用戶導航之後，音樂永遠不必重新加載;而是通過AJAX或iframe或其他方式引入所需的內容。 – domsson

不會在多個頁面加載。但是你可以有一個播放音頻的頁面，併爲用戶提供導航。一對夫婦的總體結構選項包括：

創建單頁應用程序（SPA）。在這裏，你的一個「頁面」將播放音頻，而站點導航將在JavaScript/AJAX的單頁實例中發生。瀏覽器永遠只能加載一個「頁面」，但總體應用程序將動態加載/你認爲合適的卸載作爲頁面的元素。
（一個非常古老的方法，但仍然有效）與導航幀創建父頁面。父（框架）頁面將包含音頻，並且通過應用程序的其餘導航將以該頁面內的框架完成。

我建議第一種方法，但無論是可行的。

來源

2017-06-19 11:48:20 David

但是請注意，[框架已被棄用]（https://stackoverflow.com/questions/4263509/why-are-frames-deprecated-in-html）。換句話說，除非你完全沒有別的選擇，否則不要去選項2。 – domsson

如果重新加載整個頁面（因此還有音頻源），則無法提供無縫播放。即使您試圖跟蹤音軌中的位置，由於頁面加載時間，總會有一個非常明顯的差距。互聯網連接速度緩慢會使情況更糟。

相反，你可以擁抱的那四個選項之一：

單頁應用：
作爲also pointed out by David，我的建議是建立一個單一的網頁應用程序，即一個網頁，加載一次，然後動態加載/替換所有附加內容。一個用戶點擊一個導航鏈接，而不是加載一個新頁面（或重新加載當前頁面），您只需使用AJAX替換主要內容。提供音頻的部分保持原位。
附加標籤/彈出/窗口
你可以只用於播放音頻着想創建一個額外的選項卡，彈出窗口或窗口。德國廣播電臺「radioeins」就是其中的一個例子。在撰寫本文時，their website在右上角提供了一個橙色按鈕，將爲他們的實時流打開一個彈出窗口，允許用戶繼續瀏覽他們的網站，音樂將繼續從彈出窗口繼續播放。如果單頁應用程序不是一個選項，我只能沿着這條路線走下去，因爲彈出窗口或其他選項卡是壞的UX和彈出窗口可能被瀏覽器阻止。
IFRAME
你可以提供你的頁面的iframe中的主要內容，或者倒過來，從一個iframe中提供音頻。我會建議對此，因爲有這種方法several disadvantages。
框架
Frames將提供類似的方法來內部框架，但they are deprecated，所以我強烈反對這一個爲好。

TL;博士

使它成爲一個單頁的應用程序，如果你可以，否則訴諸一個彈出的解決方案。

來源

2017-06-19 12:00:23 domsson

音頻在所有頁面上連續播放？

回答

相關問題