Среда, 20 сентября 2017   Подписка на обновления  RSS  Письмо редактору
Популярно
4:47, 08 июня 2014

Mb.miniAudioPlayer: просто плеер


Здравствуйте друзья! Рад приветствовать вас на страницах блога krugloffm.ru! Mb.miniAudioPlayer - это ещё один плеер для размещения и проигрывания аудиофайлов на сайтах, созданных на движке WordPress. Выполненный он на HTML5. В случае если браузер не поддерживает HTML5, плагин будет использовать для воспроизведения невидимый flash-плеер. Правда, сразу должен предупредить – на мобильных устройствах никаких красивостей не будет, там будет выведен стандартный некрасивый HTML5 плеер браузера.

Mb.miniAudioPlayer: просто плеер для WordPress

Использование Mb.miniAudioPlayer для воспроизведения аудио файлов на сайте, достаточно просто, однако в сравнении с плагином Audio Player , о котором я уже рассказывал, имеет некоторые отличия, причём, в сторону усложнения. Отличие заключается в том, что для Mb.miniAudioPlayer файлы закачиваются в админке в папку, где находятся все медиафайлы, включая картинки. Для  Audio Player  нужно создавать отдельную папку в корне сайта, что на мой взгляд, на много лучше. Что же умеет делать Mb.miniAudioPlayer, чего другие плееры делать не могут? В сущности, ничего. Это просто проигрыватель и всё... В нём есть и более существенный недостаток — в нём нельзя создавать плейлисты. А с другой стороны — mp3-файлы проигрывает, есть визуальный редактор, при необходимости, можно скачать проигрываемый файл. Чего ещё надо-то? А надо его установить и немного покопать.

Автор плагина: Pupunzi (Matteo Bicocchi)
Страница плагина: //wordpress.org/plugins/wp-miniaudioplayer
Рассматриваемая версия: 1.5.5 от 20.05.2014
Совместимость с версией WordPress: 3.3 и выше.

Для начала плагин Mb.miniAudioPlayer следует скачать. Ссылка на скачивание расположена  выше. Затем,

  • Распаковываем архив.
  • Копируем папку wp-miniaudioplayer в /wp-content/plugins/.
  • Заходим в админку блога на вкладку Плагины и активируем плагин.

Подробнее о способах добавления и активации плагинов написано в статье Радио плагин SocialRadios для WordPress.

После установки и активации, в левом боковом меню админки WordPress в выпадающем списке Настроек появится пункт Mb.miniAudioPlayer.

Mb.miniAudioPlayer

 

Кликнув на этот пункт мы открываем Общие Настройки плагина, однако без них можно прекрасно обойтись, так как каждый mp3-файл можно «обернуть» своим собственный плеером с индивидуальными настройками. Общие настройки плагина нужны только тогда, когда планируется выкладывать очень много музыкальных файлов — тогда настраивать каждый по отдельности файл будет слишком долго. Я предлагаю, всё-таки, пробежаться по этим настройкам и разобраться, что же они настраивают.

  • Get the title from meta-data (получить заголовок из мета-данных). Если активировать данную опцию, то имя исполнителя, название композиции будут выводиться из мета-данных аудио файла, то есть из тега этого файла.
  • Choose the skin color (выбрать цвет плеера). Здесь в выпадающем меню можно выбрать цвет плеера, подходящий к дизайну сайта. Также цвет плеера можно изменит и более качественно, но для этого нужно использовать таблицу стилей CSS. Эта возможность реализована чуть ниже.
  • Change the «mySkin» appearance (изменить внешний вид).

Mb.miniAudioPlayer

Эта опция будет интересна тем кто хорошо разбирается в CSS. В общем-то сложного нет ничего. Если хотите можете поиграть со стилями и создать свой, который потом и будет использован для Mb.miniAudioPlayer.

  • Player animation (анимация плеера). Активируя эту опцию мы позволяем анимировать процесс закрытия\открытия плеера.
  • Set the width (установить ширину). Можно установить ширину плеера, как в пикселях, так и в процентах.
  • Set the volume (установите громкость). Здесь задаётся начальный уровень громкости.
  • Show volume level (показывать уровень громкости). Ставим галочку в этот чекбокс и видим в плеере уровень громкости.
  • Show time info (проверьте, чтобы показать время info). Показываем время трека.
  • Show the Rewind button (показать кнопку « перемотка назад»). Здесь комментарии излишни.
  • Exclude audio links with class (исключить аудио ссылки с классом). Если честно, то я не до конца понял, для чего эта опция. Определить имя класса для аудио, ссылки, которые Вы не хотите визуализировать; по умолчанию это «map_excluded». Если кто понимает, для чего нужно исключать, когда можно просто не опубликовывать нежелательные файлы, напишите в отзывах, пожалуйста.
  • Allow downloads (разрешить загрузку). Ставим галку в чекбокс и пользователи смогут скачивать проигрываемый файл. Ниже расположен ещё один чекбокс. Если поставить галочку в нём, то закачка файла будет доступна только зарегистрированным пользователям.
  • Activate the player customizer in the post editor ( активировать  настройщик плеера в  редакторе). Активируя эту опцию мы получаем возможность редактировать настройки плеера в редакторе движка WordPress.

Mb.miniAudioPlayer

Mb.miniAudioPlayer: вставляем аудио файл в плеер

Итак, приступим. Для того чтобы «обернуть» аудио файл в Mb.miniAudioPlayer, нужно проделать следующие действия:

  • Добавить медиафайл, в нашем случае mp3 файл. Делаем это в визуальном редакторе WordPress, нажав на кнопку Добавить медиафайл.

Mb.miniAudioPlayer

 

Всё очень просто — загружаем файл, а за тем вставляем его в запись. И всё, mp3, «обёрнутый» Mb.miniAudioPlayer, с параметрами, которые были заданы в Общих настройках, появляется там, где был нужен нам.

  • Добавить плеер в запись можно и немного другим способом. Для этого, например, пишем в редакторе название трека, исполнителя, да всё, что угодно и добавляем ссылку на файл, который хотим вставить в запись, предварительно закачав его в библиотеку.

Mb.miniAudioPlayer

 

Просто добавляем ссылку.

Mb.miniAudioPlayer

Получается тоже самое.

Выделяем запись и жмём в визуальном редакторе WordPress вот на эту кнопку:

Mb.miniAudioPlayer

Откроется окно редактора, в котором и находятся индивидуальные настройки для Mb.miniAudioPlayer.

Mb.miniAudioPlayer

Не смотря на то, что здесь всё на английском языке, разобраться со значениями этих настроек большого труда не составляет — почти все они дублируют настройки Общие. Ставим галочки в чекбоксах тех опций, которые нам нужны и  нажимаем кнопку Insert the code. Всё готово. Варианты плееров можно посмотреть ЗДЕСЬ.

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

Сохранить

Онлайн бронирование туров - 728*90

Обсуждение: Один комментарий
  1. Давно искала подробную информацию о том, как вставить видеофайлы в Вордпресс. Спасибо, воспользуюсь советами.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

© 2017 Mr.X
Дизайн и поддержка: GoodwinPress.ru