Воспроизведение музыки независимо или URL на сайтах HTML?

Question

Я знаю, что вы можете открыть отдельное окно, использовать Flash или фреймы (yuk) для отображения mp3-плеера, который непрерывно воспроизводит аудио независимо от того, на какой странице вы находитесь.Но я только что видел этот сайт, который, кажется, делает это без фреймов, Flash или отдельного окна, и мне было интересно, как они это делают?

http://www.killertracks.com/#/browse.aspx

Похоже, онииспользуя JavaScript для загрузки песен, но когда я попал на другой URL на сайте, музыка продолжает играть.Есть идеи, как я мог это сделать?У меня есть сайт, который я сейчас создаю и который нуждается в этой функции.

Спасибо,

Осу

Answer 1

На самом деле звук воспроизводится во Flash-плеере: -)

Однако во время воспроизведения звука все страницы загружаются с помощью AJAX и становятся доступными для навигации с помощью фрагмента Идентификатор .

Это можно увидеть в Chrome, например, нажав F12, выбрав вкладку Сеть , затем щелкнув ссылку.Если в списке есть themed-playlists.aspx, щелкните по нему, и в разделе Request Headers вы увидите X-Requested-With:XMLHttpRequest, который представляет собой API, который JavaScript использует для загрузкиНовая страница динамически без перехода от текущей страницы. новая страница затем используется для обновления содержимого текущей страницы, чтобы оно выглядело как новая страница.Многие веб-сайты используют этот механизм для динамического обновления страницы без полной загрузки страницы.

Например, когда я набираю этот ответ, JavaScript периодически отправляет мой ответ на сервер stackoverflow и сохраняет его как черновик.Это совершенно прозрачно для моего взаимодействия с главной страницей.

Другим замечательным сайтом, использующим этот метод, является BBC Music Showcase , однако он динамически воспроизводит как аудио , так и видео, одновременно позволяя перемещаться по сайту!

Answer 2

Вы можете сделать это с помощью HTML5, вы можете получить доступ к аудио API непосредственно в JavaScript.

например.

var sound = new Audio("file.mp3"); 
sound.play(); 

См. Статью, например, такую: http://www.storiesinflight.com/jsfft/visualizer/index.html

Таким образом, в основном вы будете захватывать событие кнопки / ссылки в javascript и запускать код javascript, например, для воспроизведения звука. Работает только с браузерами html5, но большинство современных браузеров поддерживают его :) - для браузеров, которые не поддерживают, может быть, вы можете загрузить проигрыватели swf audio в настоящее время (с их помощью вы можете запускать звуки с помощью javascript apis, предоставленного).