SoundCloud - это удивительный сайт, который использует HTML5 и Backbone.js. Единственное, что я не могу найти, какую технологию они используют, что позволяет музыке продолжать играть даже при смене страниц.
Какую технологию они используют для воспроизведения аудиопотока?
Дело в том, что вы не загружаете новую страницу, но контент загружается через AJAX.
Затем страница использует API истории HTML5, чтобы добавить возможность навигации с помощью кнопок браузера назад и вперед.
Я начал эту тему, читая и тестируя следующие два ресурса:
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();
}