Audio Player — вставка аудио на сайт

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

Установка:

1. Скачать плагин Audio Player с сайта по адресу — http://wpaudioplayer.com/download или с моего сервера по прямой ссылке.
2. Установить и активировать плагин.

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

Интеграция аудиопроигрывателя по умолчанию производится вставкой в запись в квадратных скобках тега audio с URL – адресом 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) и нажмите на кнопку 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 со следующим содержимым:

1

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

www.yourdomain.com – домен, на котором размещен плеер.

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

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

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

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

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

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

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

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

После добавления кода 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:"aHR0cDovL3dwYXVkaW9wbGF5ZXIuY29tL2F1ZGlvLzpodHRwOi8vd3d3LmRvbWFpbi5jb20vcGF0aC90by9zb25nLm1wMw"}); // ]]></script>"); } &gt;

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