понедельник, 6 августа 2012 г.

пример mp3-плеера для блога


Зачастую необходимо бывает вставить в сообщение на блоге простенький mp3-плеер, типа такого:
ну и разместить его в нужном месте текста...
Для этого я использую простенький файл player.swf, который можно скачать и закидываю его на хостинг, скажем, на yandex.ru, ну и получаю ссылку на него. Далее точно так же я закидываю на этот же файлообменник сам музыкальный mp3-файл и так же получаю ссылку на него...
Далее я вставляю в нужном месте сообщение блога такой код:


<div>
<div style="text-align: left;">
<object data="http://nnn/player.swf" height="16" id="audioplayer1" type="application/x-shockwave-flash" width="180" wmode="transparent"> <param value="http://nnn/player.swf" name="movie"><param value="playerID=1&amp;bg=0x67452E&amp;leftbg=0xB3B3B3&amp;lefticon=0xoooooo&amp;rightbg=0x67452E&amp;rightbghover=0x999999&amp;rightcon=0xoooooo&amp;righticonhover=0xffffff&amp;text=0x666666&amp;slider=0x8CA4C0&amp;track=0x8CA4C0&amp;border=0x666666&amp;loader=0x9FFFB8&amp;loop=no&amp;autostart=no&amp;soundFile=http://mmm/muzik.mp3&amp;" name="FlashVars"><param value="high" name="quality"><param value="false" name="menu"><param value="transparent" name="wmode"></object></div>
</div>

Как видно из кода, по здесь вставляете ссылку, где вы разместили сам плеер, а по здесь - тот самый mp3-файл.
Итак, получаем следующее:





что интересно, ссылка, где можно разместить mp3-файл, скажем на известном сервисе soundcloud - не срабатывает в данном плеере, т.е. требуется такой хостинг файлов, не требующий регистрации, через соцсети и проч... Вот на yandex срабатывает, уж не знаю почему.
Кстати, размеры плеера тоже можно менять, задавая его высоту и ширину, но только надо обязательно соблюдать пропорции, скажем в плеере выше параметры были height="32" и width="360", ну а ниже приведён пример плеера с размерами того самого кода, который был приведён в начале данного сообщения, т.е. с размерами 16 и 180: 





Ну и естественно, такие параметры как loop=no и autostart=no, говорят сами за себя.
Если захочется пораскрашивать плеер в свои цвета, то надо воспользоваться шестнадцатиричными значениями цветов
ну и тогда получится такой цветастенький вариант рассматриваемого плеера:



Ну и папоследок, где можно скачать сам плеер, заходи сюда

Комментариев нет:

Отправить комментарий