>
Главная » WordPress » Установка аудио на сайт WordPress. Плагин Audio Player
    РейтингРейтингРейтингРейтингРейтинг


Установка аудио на сайт WordPress. Плагин Audio Player

 В этой статье речь пойдет о плагине для вставки аудио  на сайт WordPress.

Вставка аудио на сайт WordPress. Плагин Audio Player

Audio Playerкомпактный и функциональный аудио проигрыватель со множеством настроек и большими возможностями.

Установка:

  1. Скачать плагин Audio Player.
  2. Установить и активировать плагин.

Использование:

Интеграция аудио проигрывателя по умолчанию производится вставкой в запись в квадратных скобках тега audio с URL – адресом mp3 файла.

[ audio:http://ваш сайт.ru/wp-content/audio/exKrediti.mp3 ]

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

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

По умолчанию аудио плеер в неактивном состоянии будет выглядеть так -   , а в активном так -  .

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

Настройка:

В панели администратора перейдите Параметры → Audio Player.

General (Общие)

1. Replace [audiо] syntax (Заменить [audiо] синтаксис)

Эта опция включена по умолчанию и означает то, что проигрыватель встраивается для mp3 – файлов, заключенных в тег audio в квадратных скобках и позволяет выводить на странице материала болееодного плеера.

2. Replace all links to mp3 files (Заменять все ссылки mp3-файлов)

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

3. Enable in comments  (Включить в комментарии)

Активация этой опции позволит посетителям оставлять аудио комментарии или просто музыку. Для этого достаточно будет оставить ссылку на аудиофайл, аудио плеер откроется в новом окне. Если активирована опция Replace all links to mp3 files , то плеер интегрируется в тело комментария.

4. Enclosure integration (Интеграция вложений)

Дает возможность вставить плеер через произвольные поля. Опция автоматически перемещает плеер в конец поста.

5.  Move enclosures to the beginning of posts (Переместить вложение в начало сообщения)

Перемещение плеера в начало поста (при активации опции Enclosure integration).

6. Default audio folder location (Папка аудио по умолчанию)

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

[audio:http://wordpress-book.ru/wp-content/audio/exKrediti.mp3]

нужно будет прописать

[audio:exKrediti.mp3]

В корне сайта создайте эту папку (по умолчанию audio) и нажмите на кнопку Verify. Если все сделано правильно, плагин подтвердит это зеленой иконкой.

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

Display (Отображение)

1. Player width (Ширина плеера)

Здесь можно задать нужную вам ширину плеера в пикселях или в процентах в активном состоянии.

2. Colour scheme (Цветовая схема)

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

В поле Page background color: (Цвет фона страницы) можно установить цвет плеера, соответствующий фону страницы. ГалочкаTransparent (Прозрачный) сделает плеер прозрачным (не советую, так как не каждый браузер поддерживает эту опцию).

Options (Параметры)

3.  Выключить анимацию - Установите здесь галочку, если хотите отключить анимацию. Плеер будет всегда в открытом состоянии.

4.  Показать оставшееся время - Отображение времени пойдет с обратным отсчетом.

5.  Отключить информацию о треке - Эта опция отключает отображение информации о названии трека, имени исполнителя.

6.  Переключиться к RTL режиму - все кнопки в плеере переставляет задом-наперед или, если вы привыкли писать слева направо на арабском или иврите.

Feed options (Параметры канала)

На этой вкладке вы выберите то, что будут читать ваши RSS подписчики касаемо аудио записей.

В выпадающем списке Alternate content for feeds выберите одно из трех:

Podcasting (Подкастинг)

Эта функция позволяет добавлять джинглы для треков. В этом блоке настроек вы можете добавить аудиозаписи, которые будут проигрываться в начале и/или в конце каждого трека. Это может быть аудио реклама или какая-нибудь инструкция для посетителей.

В поле Pre-appended audio clip URL: впишите адрес аудиозаписи, которая будет проигрываться перед воспроизведением каждой аудиозаписи на сайте.

В поле Post-appended audio clip URL: впишите адрес аудиозаписи для проигрывания после основного аудиофайла.

Advanced (Дополнительно)

1. Alternate content for excerpts (Альтернативный контент для выдержки) - альтернативный текст для цитат. Вывод специального сообщения, например : Аудио: доступно в полной версии статьи. Это, если вы установили какие-либо ограничения для аудио.

2. Initial volume (Изначальная громкость)- Изменив значение Initial volume от 0 до 100, вы измените начальную громкость аудио плеера.

3. Buffer time (Время буфера) - Если у вашей целевой аудитории низкая скорость подключения к интернету, здесь можно увеличить время буферизации плеера. По умолчанию оно – 5 сек.

4. Check for policy file (Проверить файл политики)  проверка наличия файла политики приватности. Перед активацией этой опции поместите в корневой каталог сайта, на котором размещены mp3 файлы, файл crossdomain.xml со следующим содержимым:

<!--?xml version="1.0" encoding="ISO-8859-1"?-->

5. Encode mp3 URLs (Шифрование) - Включите эту опцию, если хотите чтобы плагин шифровал URL ваших MP3. В HTML коде страницы путь к файлу будет зашифрован.

6. Remove all enclosures from feeds (Удалить все вложения из каналов RSS) Эта опция удалит все ссылки на mp3 для проигрывания из ваших RSS каналов.

В дополнение к настройкам:

Для отображения информации о треке, в синтаксис пропишите эту информацию:

[audio:http://wordpress-book.ru/wp-content/audio/exKrediti.mp3|titles=название песни|artists=имя исполнителя]

Параметром width можно изменить ширину для каждого проигрывателя:

[audio:http://wordpress-book.ru/wp-content/audio/exKrediti.mp3|width=100%]

Параметр autostart=yes дает команду на автоматическое воспроизведение аудио файла при открытии страницы.

[audio:http://wordpress-book.ru/wp-content/audio/exKrediti.mp3|autostart=yes]

Загрузить несколько треков (плейлист) в плеер можно простым перечислением треков через запятую.

[audio:http://wordpress-book.ru/wp-content/audio/Pesnyri.mp3,http://wordpress-book.ru/wp-content/audio/exKrediti.mp3]

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

После добавления кода loop=yes, файлы будут воспроизводиться по кругу без остановки.

[audio:http://wordpress-book.ru/wp-content/audio/exKrediti.mp3|loop=yes]

Для расположения проигрывателя по центру страницы, перейдите Внешний вид → Редактор, откройте файл style.css и добавьте в него код:

p.audioplayer_container {
  text-align: center;
}

Для встраивания плеера, например в боковую панель, шапку или футер используйте этот код:

<!--?php if (function_exists("insert_audio_player")) { insert_audio_player
(
" <span id="audioplayer_7" style="display:
block; padding: 5px; border: 1px solid #dddddd; background: #f8f8f8;">
Audio clip: Adobe Flash Player (version 9 or above) is required to play this audio clip.
Download the latest version <a title="Download Adobe Flash Player"
href="http://www.adobe.com/shockwave/download/download.cgi?
P1_Prod_Version=ShockwaveFlash&amp;promoid=BIOW">here</a>.
You also need to have JavaScript enabled in your browser.
</span><script type="text/javascript">//
<![CDATA[ AudioPlayer.embed("audioplayer_7",
{soundFile:"aHR0cDovL3dwYXVkaW9wbGF5ZXIuY29tL2F1
ZGlvLzpodHRwOi8vd3d3LmRvbWFpbi5jb20vcGF0aC90by9zb25nLm1wMw"});
// ]]></script>"); } >

При этом в функции разрешено использовать все параметры расширения функциональности плеера (автостарт, изменение ширины, …).



css template

Не забывайте написать ваш комментарий, понравилась ли статья. От вас пару слов, а мне — признание поисковых систем, что пишу нормальные человеческий статьи. Заранее спасибо вам!