2012-12-18 12 views
18

SoundCloud to niesamowita strona wykorzystująca HTML5 i Backbone.js. Jedyną rzeczą jest to, że nie mogę znaleźć technologii, której używają, która pozwala odtwarzać muzykę nawet podczas zmiany stron.Ciągłe odtwarzanie muzyki nawet podczas zmiany stron

Jaką technologię wykorzystują do uzyskania strumienia audio?

+0

Zakładam, że jest to "aplikacja pojedyncza strona", co oznacza, że ​​nigdy nie uruchamia się pełne przeładowanie strony. –

+0

, ale adres URL: Chenged – rayking

+0

używają pushState –

Odpowiedz

21

Faktem jest, że nie ładujesz nowej strony, ale zawartość jest ładowana przez AJAX.

Strona korzysta następnie z interfejsu API historii HTML5, aby dodać możliwość nawigacji za pomocą przycisków wstecz i przodu przeglądarki.

Zacząłem w tym temacie przez czytanie i wypróbowanie dwa następujące zasoby:

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


Najprostszym sposobem jest załadowanie i zastąpić obecną zawartość za pośrednictwem AJAX, a następnie zadzwoń pod numer

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

Aby dodać wpis dotyczący historii waluty wyświetloną stronę.

Jeśli teraz naciśniesz przycisk Wstecz, przeglądarka nie załaduje poprzedniej strony, ale uruchomi zdarzenie popState. Można go użyć do przywrócenia poprzedniej strony przy użyciu AJAX lub informacji przechowywanych w zmiennych JavaScript.

window.addEventListener("popstate", function(e) { 
    //loadPreviousPage(); 
} 
Powiązane problemy