Плеер «Иосифа Кобзона»
О проекте
Музыкальный веб-плеер для мемориального проекта памяти Иосифа Кобзона в Москве. Мы связали установленные в городском пространстве пластинки с цифровой библиотекой песен: посетитель сканирует QR-код и открывает соответствующую композицию на своём смартфоне.
Результаты
Связать каждую пластинку с конкретной песней.
Реализовали выбор композиции через параметр в URL. При открытии ссылки плеер определяет идентификатор трека и подставляет нужный аудиофайл, название и обложку. Это позволяет использовать один сайт для всех QR-кодов, сохраняя отдельную точку входа для каждой песни.
Организовать прослушивание прямо в браузере.
Построили воспроизведение на HTML5 Audio с собственными элементами управления: запуском и паузой, перемоткой, регулировкой громкости и переключением треков. Шкала прогресса и время обновляются по событиям аудиоплеера. Для прослушивания не требуется установка приложения или регистрация.
Объединить отдельные композиции в музыкальную библиотеку.
Добавили общий список песен с выделением выбранного трека. Переключение обновляет аудиозапись и информацию на экране без перезагрузки страницы. После завершения песни включается следующая, а в конце списка воспроизведение возвращается к первой композиции.
0
0y
0
Хотите такой же результат?
Обсудите свой проект с нами.