Как сделать оригинальный плеер для сайта с плейлистом

Как сделать оригинальный плеер для сайта с плейлистом

Вернее он готовый, надо только скачать, добавить плейлист и… плеер готов. Также есть исходник fla плеера. В конце статьи будет ссылка на скачивание, а пока я затрону технические моменты.

Пример плеера: Demo


Плеер оригинален тем, что вы можете создать несколько плейлистов в одном плеере. посмотрите на рисунок или скачайте готовый пример, откройте файл index.html. В верхней части в строке состояния где написано Disco справа есть значок раскрывающийся список категорий. В готовом примере их четыре. Можно создать неограниченное количество плейлистов.

Переходим к технической части.

В архиве две папки: deploy и source. В папке deploy файлы которые следует загрузить на хостинг. В папке source — исходники плеера на fla. Вы можете видоизменить плеер, поменять цветовую гамму, одним словом на ваш вкус. Плеер не трогаем. Нам надо закачать mp3, создать плейлист и добавить картинки-иконки к каждой композиции.

Открываем папку deploy. В папку music копируем mp3 файлы. Можно также создать папку по жанрам или по альбомам (см.пример). В папке thumbs создаём иконки 40х40 пикселей для отображения в плейлисте.

Следующий шаг это создание плейлиста. Открываем файл settings.xml любым редактором, рекомендую Notepad ++. Указываем путь к изображению, путь в mp3 файлам и редактируем названия треков, а также можно указать и альбомы.

Вот и всё, плеер готов к работе. Закачивайте файлы из папки deploy на хостинг.

Скачать

Share