Скрипт mp3-плеера
Простой скрипт mp3-плеера для проигрывания музыки на веб-страничке. Скрипт легко встраивается в любое место на вашем сайте. Плеер доступен в пяти разных вариантах, а так же в разных цветах/стилях: mini (скачать), normal (скачать), maxi (скачать), multi (скачать) и js (скачать).
Для того чтобы разместить плеер у себя на сайте, необходимо скачать один из вариантов скрипта и загрузить его на свои хостинг. После этого вставьте подходящий код (смотрите ниже или на сайте разработчиков), в то место, где должен отображаться плеер. Не забудьте указать правильный путь к swf-файлу плеера, который вы загрузили к себе на хостинг.
Демо скрипта:
Вариант MINI:
Код этого варианта:
<object type="application/x-shockwave-flash" data="путь к файлу/template_mini/player_mp3_mini.swf" width="200" height="20"> <param name="movie" value="http://artslab.info/template_mini/player_mp3_mini.swf" /> <param name="bgcolor" value="000000" /> <param name="FlashVars" value="mp3=http://artslab.info/locdog_vesna.mp3" /> </object>
Вариант MAXI:
Код:
<object type="application/x-shockwave-flash" data="путь к файлу/template_maxi/player_mp3_maxi.swf" width="200" height="20">
<param name="movie" value="player_mp3_maxi.swf" />
<param name="FlashVars" value="mp3=путь к mp3-песне/track1.mp3&amp;showstop=1&amp;showinfo=1&amp;showvolume=1" />
</object>
Вариант MULTI:
Код:
<object type="application/x-shockwave-flash" data="путь к файлу/template_multi/player_mp3_multi.swf" width="200" height="100">
<param name="movie" value="player_mp3_multi.swf" />
<param name="FlashVars" value="mp3=путь к mp3-песне/track1.mp3|путь к другой mp3-песне/track2.mp3&amp;showvolume=1" />
</object>
Более подробная документация и примеры кода с xml-конфигом доступны у разработчиков
PS: Буду благодарен за ссылки в комментариях, на альтернативные скрипты проигрывателей mp3(на flash, xml).
Комментарии (62)
1 мая в 18:10 | #
Зря дизайн подправил, не по веб 2.0-ому как то 
Всё же заданная ширина должна быть !
2 мая в 23:53 | #
Плееер такого формата – это не редкость в нете! Но дизайн действительно моднячий! Респект
28 июня в 09:31 | #
Хорошо то, что можно скин самому нарисовать к этому плееру, чтоб в дизайн сайта вписывался. А что-то похожее есть, только как плагин к WP?
22 июля в 05:34 | #
действительно порадовала возможность создания собственных скинов. Спасибо!
16 января в 22:31 | #
Класный скрипт…
по етой сциле есть ещё пару: <a href="http://www.google.com.ua/url?sa=t&source=web&ct=res&cd=6&url=http%3A%2F%2 Fwww.phpground.ru%2Faudio-and-sound%2F&ei=brVwSeyHBYPQ0AXe-pHGCg&usg=AFQjCNEvY8nVBjfxtJkzplDjhAnW6ASw7g&sig2=HEGLYnl6G2z_lSG0Mz7rsg» target=»_blank»>http://www.google.com.ua/url?sa=t&source=web&…» target=»_blank»>Fwww.phpground.ru%2Faudio-and-sound%2F&ei=brVwSeyHBYPQ0AXe-pHGCg&usg=AFQjCNEvY8nVBjfxtJkzplDjhAnW6ASw7g&sig2=HEGLYnl6G2z_lSG0Mz7rsg
7 марта в 12:09 | #
А почему у меня скрипт на страницу не вставляется ?..Просто белая полоска и всё…Флеш с адобе установлен…Что может быть ?
7 марта в 17:06 | #
Извините, а как понять "Скорее всего у Вас путь неправильный к swf файлу прописан… Вставил в пост демо mini-варианта плеера."
Я сгенерировал код для нормального варианта, вставил в локальный веб-узел во Фронт Пейдже и он там прекрасно появился, но стоило мне его оставить на странице и закачать на сайт то появилась такая табличка – гляньте пожалуйста…
Плеер классный, так не хочется отказываться от него…
Может код вам выслать, чтобы что-то подправить ?
7 марта в 18:33 | #
Вы знаете, я давно подозревал, что проблема у меня…Когда-то, я видел свой сайт с вашим плеером и он там прекрасно отображался…
Завтра отформатирую свой диск…
У меня к вам просьба – ещё год назад искал простой, хороший, понятный плеер и особенно с настраиваемым цветом, чтобы подходил к цвету фона моего сайта…
Нашёл тока у вас…
Вобщем-то, ваш плеер лучший за день поиска в http://www.google.ru
Пасибо вам)
7 марта в 18:36 | #
Просьба заключается в том, чтобы вы вовремя платили за аккаунт, на котором расположен ваш сайт – иначе, где я возьму такую прелесть когда через год опубликую свою работу и вставлю ваш плеер в свой сайт)
11 марта в 08:38 | #
Так он у вас, если применить расширенные настройки – платный или бесплатный ?
Допустим, мне нужно в варианте normal, поэкспериментировать с цветом ползунка, всего плеера или цветом кнопки воспроизведения… Если у меня есть программка определения кода цвета, то куда именно вставлять эти коды ?..
В варианте normal, я перешёл на категорию Цвет, ввёл необходимые коды…Но ничего дальше не происходит…Как быть ?
В нижней области "HTML код" не возникает никакого скрипта…
22 марта в 01:48 | #
блин народ я так и неразобрался как плейлист делать, скиньте скрипт на почту плиииииииииз easyneon@yandex.ru
23 марта в 14:56 | #
Объясняю всем, чисто из любви к этому классному плееру…
Просто я так долго искал такой плеер, и так он мне полюбился, что пришлось 3 дня посидеть и во всём разобраться…
1)Выбираешь вариант, допустим normal
http://flash-mp3-player.net/players/normal/downlo…
2)Жмёшь справа Generator
3)Внизу возникает скрипт
4)Вверху в Category выбираешь Generator или Colors
5)Если хочешь выкрасить детали плеера под свои цвета выбираешь Colors
6)Стираешь в окошках цветов деталей плеера (допустим, bgcolor1: 7c7c7c) существующие значения и вставляешь в пустое окошко свой цветовой код (поискать в Гугле «Таблица цветовых кодов»)
7)Затем щёлкаешь мышкой по нижнему скрипту HTML code
8)Из-за щелчка весь скрипт выделяется и одновременно происходит вставка твоего, нового цветового кода…Автоматически…И так надо проделать с каждой цветовой ячейкой…
Пользуйтесь редким, нормальным плеером…Всё остальное – фигня…
Игорь отвечает:
23 марта, 2010 в 23:09 | #
http://flash-mp3-player.net/players/multi/ вот тебе мульти, попробуй создать плейлист, мне тока это нужно в остальном я шустро разобрался!!!
27 марта в 14:22 | #
Ответьте, плиз, на два вопроса:
1. Плей лист можно прицепить только к мульти-варианту? К "нормал" нельзя?
2.Можно ли сделать, чтобы треки из плей-листа проигрывались в случайном порядке?
11 апреля в 22:16 | #
Огроменное спасибо!!!!!!!! Я дизайнер, это мой первый скрипт))) Сам догнал, как его вписать. Только вот пока не знаю, как сделать, чтобы при переходе на другие странички , музыка не пропадала? Если пришлете ответ на почту podiumshop@mail.ru БУДУ ПРИЗНАТЕЛЕН)))
15 августа в 16:45 | #
Мне понравилось, жаль только не знаю как музыку туда вставлять(( можете сказать?
31 августа в 00:57 | #
очень ищу плеер, в виде кнопки, как в примере выше. и чтоб на каждый трек своя кнопка плеер.
можно ли настройками добиться этого, а то я ни в яве ни во флеше нешарю.
На том сайте есть такой пример, но ссылки на него нету ((((
2 сентября в 00:28 | #
нашёл))))
к мп3 добавить
&showslider=0&width=25
плеер макси
зы движок отправки сообщений глючит, в частности функция modify
28 сентября в 05:55 | #
>>moon27
привет!! может скажешь как приделать к макси плейлист, буду оч благодарен =)
5 октября в 23:10 | #
Так вроде все нормально, а как добавлять музыку? если можно, то ответьте в аську 591549546
16 января в 18:52 | #
Эх… вот все замечательно получалось до какого-то момента, но с плейлистом справиться для варианта maxi я никак немогу. Помогите мне пожалуйста.
25 апреля в 18:24 | #
Вставил код плеера на сайт- нестабильно. Хочет работает, хочет нет. Интересно в чем дело?
23 мая в 18:17 | #
Этот плеер плох тем, что когда нажимаешь на кнопку «Стоп» он продолжает качать песню (очень плохо когда прослушивать потоковое радио).
3 июня в 13:33 | #
Вот… Вот пример прекрасной работы. Я нашел для себя свой mp3.
Конечно, Любомир, без недочетов не обходится ни одна разработка.
Но в целом – отлично!
19 ноября в 21:21 | #
Просто большое спасибо. В остальном без комментариев – все просто супер
19 декабря в 21:43 | #
data=»путь к файлу/template_mini/player_mp3_mini.swf» извиняюсь а где этот путь находится? или где скачать шаблон?
28 декабря в 22:00 | #
вы можете написать куда вставить скрипт, в код шаблона или в сообщение ? прошу не кидать тапками, не сведуща я , заранее спасибо
23 января в 15:00 | #
А можно ли как-то объединить несколько флеш-плееров в группу? Так чтобы пока в одном не закончится трек, в другом нельзя было запустить?
14 февраля в 20:00 | #
Люди, очень прошу вас, пришлите мне на почту пример XML-файла и как его подцепить в код. Сломала всю голову уже. 777dusha@mail.ru
14 февраля в 20:01 | #
Я имею в виду пример XML плейлиста. Ну оченьб-очень надо. Плеер просто самый лучший, что удалось найти.
serEga отвечает:
10 августа, 2008 в 02:50 | #
Нужно редактировать xml-файл. Там не сложно и есть примеры, загляните в них.
Ответить
Игорь отвечает:
22 марта, 2010 в 02:32 | #
а неподкинеш скриптик? просто ппц мозг насилую и нечего невыходит, невоспроизводит плейлист…
Ответить