html - ページを切り替えても音楽再生を続ける

Question

SoundCloudは、HTML5 と Backbone.js を利用する素晴らしいサイトです。唯一のことは、ページを切り替えても音楽を再生し続けることができる技術を見つけることができないということです.

オーディオ ストリームを再生するために、彼らはどのような技術を使用していますか?

Answer 1

実際には、新しいページをロードするのではなく、コンテンツは AJAX 経由でロードされます。

次に、ページは HTML5 History API を使用して、ブラウザの戻るボタンと進むボタンを使用してナビゲートできるようにします。

私は、次の 2 つのリソースを読んで試してみることから、このトピックに着手しました。

http://diveintohtml5.info/history.html
http://html5demos.com/history

---

最も簡単な方法は、AJAX を介して現在のコンテンツを読み込んで置き換えてから呼び出すことです。

history.pushState(null, null, link.href);

現在表示されているページの履歴エントリを追加するため。

ここで戻るボタンを押すと、ブラウザーは前のページを読み込まず、イベントを発生させますpopState。これは、AJAX または JavaScript 変数に保存された情報を使用して前のページを復元するために使用できます。

window.addEventListener("popstate", function(e) {
    //loadPreviousPage();
}