Аудиоплеер на HTML5 + JavaScript + Ajax
Имеется отверстанный мр3-плеер: http://horo.net.ua/files/yaliti/player/
То же самое в архиве: http://horo.net.ua/files/yaliti/yaliti.zip
Нужно сделать аудиоплеер на HTML5 + ?JavaScript + ?Ajax
Хотел бы услышать ваши предложения по цене и срокам.
ТЗ на плеер.
Где-то должна быть прописана переменная $domain и $music_domain.
Чтобы её можно было бы нам потом редактировать.
Ибо разработка у нас ведется на одном домене, а рабочий домен — другой.
Тестовый домен:
$domain = http://talent-promo.com/dev
$music_domain = http://music.talent-promo.com
Плееру напрямую в ХТМЛ-коде передаются следующие параметры:
1. autostart=запускать автоматическое проигрывание или нет
2. track_id=ID песни
3. folder_name=Название папки юзера автора песни
4. previous_track_id=ID предыдущей песни
5. previous_folder_name=Название папки юзера автора предыдущей песни
6. volume=уровень громкости.
7. user_id=ID юзера (пользователя)
8. author=название исполнителя
9. track_name=название песни
10. track_time=время добавления песни
11. track_date=дата добавления песни
12. track_length=длительность песни
13. track_url=УРЛ песни (без $music_domain)
Вот для теста реальные значения вышеуказанных переменых:
autostart=1&track_id=1&folder_name=OF8xNDE0NTU5XzduTDlWX2IzYzU&previous_track_id=2&previous_folder_name=ccdsac&volume=20&user_id=1&author=Chuck и Гек&track_name=Ёж esh&track_date=05-05-2012&track_time=20:00&track_length=18&track_url=/files/OF8xNDE0NTU5XzduTDlWX2IzYzU/%D0%A1%20%D0%9F%D0%B5%D1%80%D0%B2%D0%BE%D0%BC%D0%B0%D0%B5%D0%BC!%20(%D0%BA%20%D0%A7%D0%B0%D0%B9%20%D0%B2%D0%B4%D0%B2%D0%BE%D0%B5%D0%BC).mp3
Функционал — проигрывание песни, регулировка громкости, прогресс-бар (с демонстрацией степени загруженности песни), прогресс-бар 2 (степень проигранности песни), перетягивание мышкой прогресс-бара 2.
Играется одна песня в mp3 формате с УРЛа, передаваемого в параметрах ($music_domain + $track_url).
Событие «Окончание песни».
1. Если ID пользователя не равен 0 или пустоте, то POSTом передаются PHP-скрипту $domain/radio/finish/ параметры track_id, folder_name. В ответ плеер получает URL следующей песни (без $domain), который плеер загружает, то есть, перезагружает, обновляет текущую страницу.
2. Если ID пользователя равен 0 или пустоте, то по делается обращение к JavaScript-сценарию show_popup(). Плеер просто стоит и ничего не играет, ничего не перезагружает.
Событие «Изменение громкости»
Если ID пользователя не равен 0 или пустоте, то регулировка громкости параллельно с изменением самой громкости передает POSTом параметр volume=громкость PHP-скрипту $domain/radio/volume/.
Событие «Клик по кнопке >>|».
1. Если ID пользователя не равен 0 или пустоте, то плеер на фоне запускает PHP-скрипт $domain/radio/next/ , не передавая никаких параметров. В ответ получает URL следующей песни (без $domain), который плеер загружает, то есть, перезагружает, обновляет текущую страницу.
2. Если ID пользователя равен 0 или пустоте, делается обращение к JavaScript-сценарию show_popup(). Плеер просто стоит и ничего не играет, ничего не перезагружает.
Если previous_track_id=ID предыдущей песни = 0 или пустоте, то кнопка «|
Событие «Клик по кнопке |
Это клик по ссылке $domain/track/$previous_folder_name/$previous_track_id