Вставка mp3-плеера в блог

Создан плагин встраивания в запись mp3-плеера. Чтоб воспроизводить музыку своем блоге, достаточно знать точную ссылку на mp3-файл, и вписать следующий короткий код:
[mp3 file=http://eto-ya.com/img/b-son14-3-gor.mp3] (это простейший пример).

Вот так это выглядит — прозрачная полоса с именем файла или названием композиции и элементами плеера:

Чтобы вставка плеера работала в вашем блоге, нужно активировать плагин, который так и называется — MP3 Player. Плеер реализован как flash-объект.

Доступно несколько стилей плеера, default, glass (размер 360х52),
blue, darkblue, green, red, gold, green, pink, purple, grey (размер 360х26).

Короткий код имеет единственный обязательный параметр — file, и несколько дополнительных, необязательных параметров:
title — название композиции. Отображается только в первых двух стилях — default, glass. Если не указано, то будет использоваться имя файла;
st — стиль плеера, если не указан, то будет использоваться default.
bg — фон. Этот параметр применим только к стилю default. Значением может быть шестнадцатиричное обозначение цвета (пример: #FF0000 — красный цвет) или ссылка на файл фонового рисунка, в том числе прозрачного или полупрозрачного. Так что вы можете создать свой собственный фон для плеера.
width — ширина плеера в пикселах (работает только в default-стиле).
height — высота плеера в пикселах (только в default-стиле).

Стиль glass — прозрачный прямоугольник с скругленными краями, через него будет виден основной фон записи:
[mp3 file="http://eto-ya.com/img/b-son14-3-gor.mp3" title="Бетховен, 14-я соната, ч. 3, исп. Горовиц" st="glass" /]

Здесь в качестве фона используется рисунок:
[mp3 file="http://eto-ya.com/img/b-son14-3-gor.mp3" title="Бетховен, 14-я соната" bg="https://cdn.eto-ya.com/eto-ya/2010/02/raduga.png" /]

Здесь указан светло-жёлтый фон:
[mp3 file="http://eto-ya.com/img/b-son14-3-gor.mp3" title="Бетховен, 14-я соната" bg="#FFFFA0" /]

Остальные стили приводятся ниже:

gold: [mp3 file=http://eto-ya.com/img/b-son14-3-gor.mp3 st=gold]
color-players

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

Если mp3-файл с внешнего сервера не воспроизводится в вашем блоге, но при этом вы точно знаете, что ссылка верная, то вероятно, там запрещена загрузка файлов по ссылкам извне.

Короткий код вставки плеера может работать и в сайдбаре (в текстовых виджетах). Для этого, после активации плагина, нужно зайти на страницу настроек плеера (см. подменю «Настройки»), и выбрать там пункт «Встраивать короткий код плеера в текстовых виджетах».

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

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

8 комментариев

  1. Администрации ОГРОМНОЕ спасибо!)) наконец реализовали, извините что надоедал вам с этим вопросом!)) И спасибо вам за вашу отзывчивость!;)
    Все очень круто!)

  2. grjomka

    вот только проблемка — мне нужен плеер размера поменьше — то есть что бы картинка плеера была поментше — как можно так сделать? я хочу её вставить в боковую панель.

  3. так можно как-нибудь делать в плеере ссылки не на одну песню?

  4. Пока такой возможности в плеере нет.
    Пожалуйста, пришлите пример «плейлиста», если у Вас есть.

  5. licaalica

    Увы и ах, у меня ничего не выходит. Есть хорошая песенка — ссылка: http://mp3lemon.net/song/61630/shaov_timur_-_11_-_slavno;
    html- ссылка:Шаов Тимур — Славно!

    Что ни делаю, пишет, что не не задан mp3 файл. Как корректно вставить ссылку в код?

    Если не сложно, подскажите, пожалуйста(

  6. Для этого нужна прямая ссылка на mp3-файл, т.е. вида http://сайт.ru/путь/имя-файла.mp3, а у вас ссылка на страницу-посредник.

  7. Здраствуйте!Я плеер вставив в блог ,як всавить mp3 файл в плеер?

  8. admin

    В коде вставки плеера нужно указать — в параметре file — URL-адрес mp3-файла, почитайте описание выше.

Leave a comment