Как вставить аудио на сайт

Как вставить аудио на сайт WordPress

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

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

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

После того, как скачаете, загрузите плагин на свой блог. Для тех, кто не знает, как загрузить новый плагин, быстренько покажу.
1. В админке WordPress жмите по вкладке «Плагины» — «Добавить плагин»
2. Жмем «Загрузить файл»
3. Кликаем по кнопке «Выберите файл», находим архив с плеером audio-player.zip и жмем «Установить сейчас».
4. Активируем плагин.

После загрузки и активации плагина мы научимся вставлять плеер в статью и изучим его настройки. Для этого перейдем во вкладку «Настройки» — «Audio Player». Для тех, кто совершенно не знаком с английским языком, здесь возникнет проблема, так как плагин англоязычный. Но для этого у Вас есть я.

Перед тем, как продолжить закиньте к себе на блог один любой mp3-файл. Чтобы это сделать, необходимо пройти к файлам своего блога через ftp-доступ. Зайдите в папку public_html. Создайте здесь папку audio, в которую переместите mp3-файл. Кстати, название mp3-файла должно быть написано английскими буквами.

Все настройки плагина распределены по 5-ти пунктам меню.

1. ОСНОВНЫЕ НАСТРОЙКИ

Replace syntax — установленный флажок перед этим пунктом будет говорить о том, каким образом возможно вставить плеер в статью. И это возможно сделать, заключив аудиофайл в конструкцию.

Это только в том случае, если Ваш файл находится в папке audio.

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

Replace all links to mp3 files — данный пункт говорит о том, что при установленном флажке все ссылки, которые ведут на mp3-файл будут отображаться в виде аудиоплеера.

Что это нам дает? А вот что! Если мы при написании статьи выделим любое слово или словосочетание, затем нажмем кнопку вставки ссылки и пропишем ссылку на аудиофайл (например, http://сайт.com/audio/titanic.mp3), то мы вместо ссылки увидим аудиоплеер с проигрыванием указанного аудиофайла.

Enable in comments — это обозначает, что весь синтаксис, который я расписал в 2-ух предыдущих пунктах, будет отображаться и в комментариях. То есть у Вас тоже есть возможность вставить аудио на моем сайте в комментариях, используя конструкцию

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

Enclosure integration и Move enclosures to the beginning of posts — эти пункты позволяют добавлять аудиоплеер через произвольные поля. Если Вы не знаете, что это такое, то и не заморачивайтесь. На самом деле использовать произвольные поля достаточно неудобно. И кроме того таким способом Вы сможете добавить аудио только или сначала, или в конце поста.

Default audio folder location — в этом пункте Вы можете указать папку по умолчанию. Если Вы создали папку для аудио с именем, отличным от audio, то необходимо его прописать в этом поле:

Чтобы проверить, есть ли такая папка на сервере, надо нажать кнопку «Verify».

Вообщем, если Вы по моим шагам создавали папку audio, то этот пункт Вам не нужно изменять.

2. ДИСПЛЕЙ

Очень приятные настройки. Здесь Вы можете настроить внешний вид Вашего плеера. По умолчанию он весь серый. Это подходит не для всех сайтов.

Player width — ширина плеера в развернутом состоянии. Если хотите уменьшить или увеличить значение по умолчанию, то вместо 290 пропишите свое значение.

Colour scheme — здесь настраиваем цветовую схему. В выпадающем списке выбираем то, что хотим изменить.

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

Итак, выбираете из выпадающего списка необходимый элемент и вписываете необходимый цвет в поле справа или выбираете цвет из цветовой гаммы:

Page background color — здесь можно определить фоновый цвет вокруг проигрывателя. Если стоит флажок перед Transparent, то фон будет прозрачным.

Кнопка «Reset colour scheme» сбрасывает настройки дисплея к тем, что были по умолчанию.

Disable animation — отключает анимацию.

Show remaining time — показывает оставшееся до окончания время, а не общее.

Disable track information — отключает информацию по треку.

Switch to RTL layout — этот пункт нам вообще не нужен. Он нужен для некоторых азиатских человечек, которые пишут справа налево.

3. НАСТРОЙКА RSS

Если у Вас статья будет передаваться по RSS-каналу вместе с аудиофайлом, то в нее мы, к сожалению, никак не сможем поместить аудиоплеер. В таком случае мы можем настроить то, что будет отображаться на месте плеера в выпадающем списке.

Nothing — не будет отображаться ничего.

Custom — будет отображаться сообщение, которое Вы напишите в строчке ниже.

Download link — будет видна ссылка на скачивание Вашего аудиофайла.

4. ПОДКАСТИНГ

Здесь Вы можете поставить короткие джинглы перед и после проигрывания трека.

Прописанные джинглы будут активны ко всем аудиофайлам на Вашем сайте.

5. ПО УМОЛЧАНИЮ

Alternate content for excerpts — когда у Вас идет урезка статьи, то в этом поле можно задать какое-то сообщение. Например, «Чтобы прослушать аудио, нужно посмотреть полную версию заметки.»

Initial volume — задайте начальный уровень громкости.

Buffer time — задайте время буферизации. То есть время загрузки файла перед началом проигрывания.

Check for policy file — проверка наличия файла политики приватности.

Encode mp3 URLs — скрытие пути mp3-файла в исходном коде страницы.

Вот такой прикольный плагин!

comments powered by HyperComments

Оставьте мне собщение