MP3 плеер для сайта

MP3 плеер для сайта

23.01.2013887211admin

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

Рекомендуем скачать Потап и Настя Каменских все песни на mp3crazy.ru, и добавить на свой музыкальный проект. Здесь можно найти и другие интересные треки.

Плеер отлично подойдет для других систем, можно просто сделать статичную HTML страницу, просто здесь у нас есть пояснение того, как установить на кнопку воспроизведения в виде материалов скрипт. Заметьте, скрипт не подразумевает полный модуль, вид материалов вам нужно будет продумывать самостоятельно (ну, или скопировать исходный код из демо).

Установка

1. Скачайте архив и загрузите папку «Player» в корень сайта. Для этого используйте FTP или стандартный Файловый менеджер.

2. Сразу после <body> вставьте следующий код:

Код
<script type="text/javascript" src="/player/playerAPI.js"></script>
<script type="text/javascript" src="/player/cookie.js"></script>
<script type="text/javascript" src="/player/jquery-1.8.3.js"></script>
<script type="text/javascript" src="/player/jquery-ui.js"></script>

3. Добавьте строки в Таблицу стилей (CSS):

Код
@import url('/player/player.css') all;
@import url('/player/jquery-ui.css') all;

4. Прямо перед закрывающим тегом </body> вставляйте следующий код:

Код
<div id="SwfPlayerv" class="bodyBottons"></div><div id="Modal" align="center"></div>
<script type="text/javascript" src="/player/addons1.0.js"></script>

5. Добавьте в кнопку воспроизведения код:

Код
id="Player$ID$" onclick="Player('<?substr($TITLE$,0,32)?>...','$RFILE_DIRECT_URL$','$ID$','$ENTRY_URL$','$AUTHOR_SITE$')"

$RFILE_DIRECT_URL$ - ссылка на MP3

$AUTHOR_SITE$ - ссылка на обложку

Специально для вас я сделал свою версию демо для этого великолепного скрипта. Надеюсь, что моя подборка из восьми треков понравится.




Сохраните в социальную сеть
Комментарии (11)
такую бы штуку под dle и прекрасно было
0
alexmensv, легко использовать это на любом сайте, даже на WP
0
Да, тут на любую cms можно за минуту переделать.
0
ilhom 31.01.2013 в 19:23Спам
как сделать вид как у вас на демо сайта дайты коды
0
ilhom 31.01.2013 в 19:54Спам
взял от туда не работает и плеер и вид не такое как там
1
Норм
0
Рома 08.03.2013 в 17:34Спам
Ребят, ничего не менял - все кнопки прибиты к низу, а не по центру, как в демо. В чем дело? При попытке поднять через position:relative - глючит в Опере. Беда, не могу разобраться, выручайте
0
Гость 21.05.2013 в 11:26Спам
2. Сразу после <body> вставьте следующий код: этого откуда можно найти?
0
Юлия 19.07.2013 в 08:30Спам
Помогите кто нибудь. Установила работает, а изменить дизайн не могу. не открывает окно с дизайном.((((
0
Гость 26.07.2013 в 21:06Спам
Как понять "Кнопка воспроизведения"?
0
Сергей 03.11.2014 в 19:05Спам
Ссылка битая.
0
Чтобы оставить комментарий под этой публикацией,
зарегистрируйтесь или войдите.
Рейтинг лучших сервисов для самостоятельного создания сайта.
Лучшие конструкторы
Легко! Если пользоваться нашими советами.
Создать сайт