ページを変更していても音楽を再生し続ける

Question

SoundCloudは、HTML5とBackbone.jsを使用する驚くべきサイトです。唯一のことは、ページを変更している間も音楽を再生できる技術を見つけることができないことです。

オーディオストリームの再生にどのような技術を使用していますか？

Answer 1

実際には、新しいページは読み込まれませんが、コンテンツはAJAX経由で読み込まれます。

ページでは、HTML5履歴APIを使用して、ブラウザの前後のボタンを使用してナビゲートする可能性を追加します。

私は、次の2つのリソース読んで試しによって、このトピックに開始しました：そして、最も簡単な方法は、AJAXを介して電流コンテンツをロードして置き換えることです

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

---

をし、電話

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

currenの履歴エントリを追加するには表示ページ。

戻るボタンを押すと、ブラウザは前のページをロードせず、イベントpopStateを起動します。これは、AJAXまたはJavaScript変数に格納された情報を使用して前のページを復元するために使用できます。

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