Приложения для воспроизведения музыки на сайте

Question

Этот вопрос очень специфический, о том, как создать приложение для воспроизведения музыки, подобное тому, которое есть на http://www.beatport.com - эффекты:

1. проигрыватель падает при нажатии музыкальной ссылки
2. плеер не перезагружается при смене страницы.

Я не могу поверить, что они используют iframe ?? поскольку все, кажется, считают это плохой практикой.

и его деф. не мигает

как вы думаете, что они используют здесь ??

есть идеи, как сделать что-то подобное?

спасибо!

Answer 1

В дополнение к тому, что сказал @thedaian. Они используют HTML5 для воспроизведения аудио. Страница является ajaxed, но URL и история манипулируются с помощью history.pushState, который является новой функцией HTML5. Это позволяет вам обновлять URL, не делая новый запрос. Подробнее об этом здесь . Это, конечно, поддерживается не во всех браузерах, и они проверяют эту поддержку на странице.

Конечно, аудио может быть Flash, HTML5 или любым другим, что позволяет музыкальный контроллер.

Анимация выглядит просто jquery слайд эффектов.

Answer 2

Для музыкального плеера они используют аудио HTML5 (с возможностью переключения на Flash).Он содержится в position: fixed; div, который позволяет им держать его на странице при прокрутке.Div, в котором находится проигрыватель, почти наверняка загружается AJAX при нажатии кнопки воспроизведения, а затем отображается при загрузке, объясняя сброс при щелчке ссылки на музыку.

Главная страница, скорее всего, загружена некоторымибольше AJAX, есть <div id="page-wrap">, который, вероятно, перезагружается при нажатии на ссылки. jQuery Mobile делает это, чтобы многостраничные приложения работали на одной странице, поэтому не случайно.

Как ни странно, на странице есть iframe, который, как представляется, сообщает о пользовательских показателях.