Аудио проигрыватель в WordPress

В WordPress существует несколько способов добавить аудио файл в запись или на страницу. Первый – воспользоваться стандартными возможностями WP, второй – использовать плагины для создания дорожек, плееров, которых, следует заметить, не мало.

Wordpress audio player

Вставка аудио файла стандартным способом

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

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

После вставки музыкального файла на страницу, вы увидите в текстовом (html) редакторе следующий сгенерированный WordPress’ом код:

mp3
Структура в принципе вполне понятна.

audio, /audio - открывающий и закрывающий теги.

Mp3=http://needsite.net/music/Johnny-Cash-Hurt-audiopoisk.com_.mp3 – путь к файлу.

Что примечательно, путь можно указать на аудио файл, расположенный на стороннем ресурсе, а не только загруженный на ваш хостинг.

Сам проигрыватель (player) в WordPress имеет следующий вид:

 
Если у пользователя не установлен Flash player или его браузер не поддерживает воспроизведение аудио файлов, то он увидит просто ссылку на скачивание.

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

Плагины аудиоплеера для WordPress

С помощью установки различных плагинов можно значительно расширит возможности аудиоплеера. Далее пойдет краткий обзор нескольких таких плагинов (все они доступные для скачивания из админки WP).

Audio Player

изменение цвета проигрывателя

Плагин, позволяет сделать очень много настроек. Среди которых:

Настройка цвета любого из элементов проигрывателя музыки. Это позволит адаптировать плеер под дизайн сайта.

Автоматическая замена ссылок на mp3 файлы аудио проигрывателем. С помощью этой настройки можно избавиться от использования шорткодов  и несколько облегчить добавление музыки на сайт.

Настройка ширины плеера.

Настройка шифрования. Это позволит запретить пользователям скачивать музыку с сайта.

Страница для скачивания плагина: http://wordpress.org/plugins/audio-player/.

Audiobar

музыкальный проигрыватель

Плагин создает Аудио бар, который позволит прослушивать пользователям музыку и одновременно перемещаться по страницам сайта. Имеет широкие настройки цветовой схемы.

oEmbed HTML5 audio

аудио плеер

Имеет несколько скинов и полный спектр настроек.

HTML5 jQuery Audio Player

плей лист

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

Flash MP3 Player

создание аудио проигрывателя

Flash MP3 Player позволяет настроить отображения обложки во время проигрывания трэка, изменить цвет и прочее.

Blubrry PowerPress Podcasting plugin

выбор скина плеера

С помощью этого плагина можно легко создавать подкасты.

Blubrry PowerPress Podcasting plugin предлагает полную поддержку ITunes.

Имеет встроенные html 5 и flash аудио и видеоплееры.

Поддерживает множество форматов.

Возможна локализация (перевод на Русский язык) с помощью PO MO файлов.

Плагин скачан более 500 000 раз.

Страница на wordpress.org: http://wordpress.org/plugins/powerpress.

Комментарии к “Аудио проигрыватель в WordPress

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

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