Сегодня речь пойдет о несколько неожиданном программном обеспечении, с которым может работать CMS WordPress. Это плагин аудиоплеера под названием mb.miniAudioPlayer. Да, многие веб-мастера делают свой блог «молчаливым», только с текстовым контентом. Многие вставляют видео с Youtube, и только немногие пользуются возможностью воспроизводить аудио на страницах своего блога. Да, это несколько непривычная форма донесения информации или просто развлекательный прием, но в некоторых случаях он может пригодиться.

Например, у вас есть огромная фотогалерея на определенную тематику. Было бы совсем неплохо, если бы просмотр большого количества качественных фото сопровождался соответствующей мелодией. Конечно, это применение можно считать исключительным случаем, когда музыка включается сразу после захода на страницу. В большинстве своем пользователь не любит, когда ему с первой же секунды просмотра контента начинает надоедать музыка, да еще, возможно, такая, которую он не любит. Так вы рискуете потерять посетителя навсегда.

А если просто установить аудиоплеер на видном месте и дать возможность посетителю самому управлять им – наверняка кто-то заинтересуется им, а значит, останется на странице дольше запланированного времени, слушая музыку. А если песня или трек понравятся, то он может зайти еще не один раз. Итак, о плагине – устанавливается он обычно, и все возможные и невозможные способы установки любого плагина для WordPress описаны в этой статье — Несколько способов установки плагинов на WordPress.

mb.miniAudioPlayer

Начинаем изучать настройки плагина – он находится здесь: «Параметры», «mb.miniAudioPlayer» в админпанели сайта. Плагин mb.miniAudioPlayer – это визуально совсем маленький проигрыватель аудиофайлов, и написан он на HTML5, так что его кроссбраузерность обеспечивается автоматически.

По-моему, уже не осталось браузеров, которые не поддерживают HTML5, но если вы упорно не хотите обновлять свой IE, то плагин в этом случае использует невидимый flash-плеер, оставляя визуальное оформление таким же, то есть — стандартным. В мобильных девайсах тоже будет выводиться обычный HTML5 плеер, но, по-моему, в небольшом смартфоне не до красивостей – лишь бы было хорошо слышно.

Общая настройка плагина достаточно простая, и она будет выводить ваш плеер для всех аудиофайлов в одинаковом виде. Такая простота вам пригодится, если у вас много мелодий на сайте, а если вы вставляете аудио время от времени, то можно настроить плеер для каждой страницы по-разному, и в этом есть свое преимущество. Так, если вы пишете заметку о пожаре, то обложку плеера можно сделать красной, если о космосе – голубой, и т.д. Вставляютсяmp3-файлы просто – на странице новой записи жмете кнопку «Добавить файл», и переходите в галерею файлов:

Параметры аудиофайла

Жаль, что можно вставлять только уже загруженные аудиофайлы, а не ссылку на них со стороннего ресурса. Как видно из скриншота, нужно вставить ссылку на mp3-файл, и плеер плагина после опубликования статьи сразу заработает с настройками, которые вы сделали в «Параметры» — «mb.miniAudioPlayer». А чтобы сделать свои оригинальные настройки для каждого файла в отдельности, вам нужно добавить аудио через функцию добавления ссылок, выбрать нужную мелодию, и перейти к настройкам плеера.

Вставить аудиофайл

То есть, в записи вы увидите обычную ссылку на файл, но это только начало. К ней можно применять индивидуальные настройки. Для этого нужно нажать на кнопку со значком нот в панели редактора, после чего вы увидите новое окно с настройками плеера только для этой станицы записи.

Настройки плеера

Дальше сохраняете свои новые настройки, и все. У меня, например, получилось вот так:

Закрытый плеер

Все кнопки управления я описал прямо на скриншоте – по-моему, достаточно просто, чтобы не описывать еще отдельно от картинки. Здесь вино плеер в нерабочем и в рабочем состоянии.

Открытый плеер

А стандартный плеер будет выглядеть вот так, если добавить аудиофайл в редакторе WordPress первым мною описанным способом:

стандартный плеер

Конечно, разница есть, но, честно говоря, я не вижу особой нужды в необходимости оформления – если пользователь пришел слушать и читать, то ему все равно, как выглядит плеер, который уже давно скрылся из виду при скроллинге экрана монитора. Хотя вариантов визуального оформления может быть очень много – только цветовых около 10 решений.

И напоследок – может быть, у кого-то возникнет такая же наприятная ситуация, как и у меня. Дело в том, что я не заметил такой настройки, как «Activate the player customizer in the post editor» в общих настройках плагина, и не активировал ее. В результате у меня была неактивной кнопка плеера «modify a miniAudioPlayer» в редакторе. Разобрался я быстро, но посчитал необходимым предупредить вас об этом. Эта опция отключает индивидуальные настройки плеера для аудиофайлов.

Если она включена, а кнопка не работает, то скорее всего плагин конфликтует с вкраплениями (расширениями) для визуального редактора TinyMCE. Можно просто попробовать отключать по очереди некоторые дополнительные настройки в визуальном редакторе, чтобы выяснить причину конфликта. Или еще проще – снести плагин и поставить его через FTP или файловый менеджер.

Единственное, что мне не очень понравилось — плагин не умеет организовывать свои плейлисты. Но для этого существует еще несколько десятков плагинов, а этот я выбрал за его простоту, а значит – надежность. До встречи в следующих публикациях!