ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Аудио-плеер с плейлистом на HTML5

Аудио-плеер с плейлистом на HTML5

Аудио-плеер с плейлистом на HTML5
Вашему вниманию Аудио-плеер, который создан на основе HTML5, где вы можете поставить на сайт и пользователи слушать выбранную музыку. Если его разбирать, то он состоит из многих элементов как треки или автор, группы также присутствуют, но и обложка трека для красоты. Вы устанавливая его на интернет ресурс, можете его полностью использовать как в контейнере и в одном из него блока, также сделать специально под него информер. Безусловно на тематические сайты по музыке он отличное решение.

Вообщем делаем свое личное радио, где вы сами можете составить плей лист как исполнителей так и групп. Но самое главное, это неограниченно на нем музыкальных композиций. Также присутствуют различные функций по выбору, что можно поставить на случайное произведение и автоматически будет воспроизводить. Подключив его и выбрав ту или иную группу, вы подключаете и на сайте ищете что вам нужно и слушаете прекрасную музыку. Как он будет реально смотреться, то когда вы скачаете архив, то будет файл демонстраций, где можете подключить его и поработать над настройками и после этого решить, ставить его на портал.

При открытие и выбора музыки:

Красивый музыкальный плеер


Рассмотрим особенности:

1. Легкий в использовании
2. Поддержка плейлиста
3. Изображение на заднем плане
4. Обложка альбома
5. Регулятор громкости
6. Функции для случайного и повторного воспроизведения композиций
7. Работает на всех популярных браузерах
8. Работает в Android и IOS

Если решите добавить свою композицию, то вам поставить в файл index.html, что предоставлен ниже.

Код
{  
  "title": "This Is What You Came For",  
  "author": "Calvin Harris",  
  "cover": "files/covers/2.jpg",  
  "background": "files/backgrounds/2.jpg",  
  "pfile": "files/music/2.mp3",  
  "duration": "221"  
},


Чтоб понять, что за какие формы отвечает.

"title": - Название композиции
"author": - Исполнитель
"cover": - Обложка альбома
"background": - Задний фон
"pfile": - Ссылка на .mp3 файл
"duration": - Продолжительность композиции в секундах.


Источник: art-ucoz.ru
22 Июня 2017 Загрузок: 223 Просмотров: 15003 Комментариев: (61)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 61
tsakonter
tsakonter 23 Июня 2017 00:111
0
Что так много весит он, это какой то ансамбль со своими балалайками.)
Kosten
Kosten 23 Июня 2017 01:282
0
Самому не известно, что так весит, но если посмотреть но демонстраций, то если видел несколько плееров такого рода, то этот безусловно лидер.
-SAM-
-SAM- 23 Июня 2017 03:293
+1
Там особо думать не о чём, в папке files\music - лежат mp3-композиции, которые просто для примера.
Kosten
Kosten 23 Июня 2017 04:114
0
Как важное дополнение в основной материал перенес.
tsakonter
tsakonter 24 Июня 2017 17:215
0
Но можно вообще сделать радио на сайт и только одну тему музыкальную оставить, но это все к тематическим относиться.
Critic©
Critic© 25 Июня 2017 23:116
0
Классный плеер респект автору!
Critic©
Critic© 06 Августа 2017 19:227
0
Спасибо за плеер! Хорошо вписался в дизайн сайта
Kosten
Kosten 06 Августа 2017 20:108
0
Но тут мне по этому плееру хорошо помогли, так под музыкальные сайты, что если добавление, то под какого то артиста или композитора, будет вообще хорошо.
nikolajnowichihin
nikolajnowichihin 18 Ноября 2017 10:359
0
Всем привет как установить плеер на сайт помогите пожалуйста.
Kosten
Kosten 18 Ноября 2017 15:1810
0
Скачать и залить плеер, хотя его не когда не устанавливал, только на демонстраций видел, но как понимаю в архиве находится несколько вариантов.
Kashirina
Kashirina 30 Января 2018 13:1013
0
Зачем тогда заливать не проверенные материалы..? Что-бы было? ))
Kosten
Kosten 30 Января 2018 13:1214
0
Почему не проверенный, возможно изначально не был проверен и из демонстраций делал вывод, но потом ставили его.
Webmaster32
Webmaster32 30 Января 2018 16:2716
0
У меня всё работает,ссылка для проверки, проверяйте ссылки на файлы чтобы пути совпадали
1 2 3 4 »
avatar