Вставка 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="http://eto-ya.com/files/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]
Параметры короткого кода можно писать в одинарных или двойных кавычках или вообще без кавычек. Если в названии будет пробел (скорее всего), то кавычки обязательны. Косую черту перед правой скобкой можно не ставить. Если используете узкий стиль, то название композиции нужно вписать просто в тексте записи.
Если mp3-файл с внешнего сервера не воспроизводится в вашем блоге, но при этом вы точно знаете, что ссылка верная, то вероятно, там запрещена загрузка файлов по ссылкам извне.
Короткий код вставки плеера может работать и в сайдбаре (в текстовых виджетах). Для этого, после активации плагина, нужно зайти на страницу настроек плеера (см. подменю «Настройки»), и выбрать там пункт «Встраивать короткий код плеера в текстовых виджетах».
Параметры width (ширина) и height (высота) для стиля default также можно задать в настройках плагина, тогда они будут срабатывать вместо заданных по умолчанию, если вы не переопределите их в коротком коде.
Также можно задать в настройках и фон плеера по умолчанию, чтобы не вводить его каждый раз в коротком коде (тоже только для стиля default).
Администрации ОГРОМНОЕ спасибо!)) наконец реализовали, извините что надоедал вам с этим вопросом!)) И спасибо вам за вашу отзывчивость!;)
8 февраля 2010, 13:05Все очень круто!)
вот только проблемка — мне нужен плеер размера поменьше — то есть что бы картинка плеера была поментше — как можно так сделать? я хочу её вставить в боковую панель.
11 февраля 2010, 23:07так можно как-нибудь делать в плеере ссылки не на одну песню?
17 февраля 2010, 15:48Пока такой возможности в плеере нет.
17 февраля 2010, 16:08Пожалуйста, пришлите пример «плейлиста», если у Вас есть.
Увы и ах, у меня ничего не выходит. Есть хорошая песенка — ссылка: http://mp3lemon.net/song/61630/shaov_timur_-_11_-_slavno;
html- ссылка:Шаов Тимур — Славно!
Что ни делаю, пишет, что не не задан mp3 файл. Как корректно вставить ссылку в код?
Если не сложно, подскажите, пожалуйста(
22 июля 2010, 18:22Для этого нужна прямая ссылка на mp3-файл, т.е. вида http://сайт.ru/путь/имя-файла.mp3, а у вас ссылка на страницу-посредник.
25 июля 2010, 14:38Здраствуйте!Я плеер вставив в блог ,як всавить mp3 файл в плеер?
12 июня 2013, 21:18В коде вставки плеера нужно указать — в параметре file — URL-адрес mp3-файла, почитайте описание выше.
12 июня 2013, 23:27