compact audio player настройка

7 лучших бесплатных плагинов WordPress для вставки аудио-плеера

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

1. Встроенный аудио-плеер WordPress

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

Можно также использовать добавочные опции для работы с аудио-файлами в WordPress.

2. Compact WP Audio Player

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

3. HTML5 jQuery Audio Player

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

4. Audio Player

Плагин Audio Player с поддержкой набора опций для проигрывания аудио-записей. Есть настройка цвета, внешнего вида, контроль высоты и ширины, удобные параметры для подкастеров и возможность авто-проигрывания аудио-роликов (пре- и пост-роллы рекламного характера, к примеру).

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

5. HTML5 MP3 Player with Playlist

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

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

6. Audio Tube

Плеер Audio Tube поддерживает воспроизведение аудио из видео-файлов YouTube, скрывая видео-ряд от пользователей на сайте. Это удобно на тот случай, если вы создаете подборку треков, которые есть в видеоклипах или видео-фрагментах, но не хотите, чтобы пользователи видели сам клип.

Есть определенные настройки размера и цветового оформления для встраиваемого плеера. Есть поддержка «резинового» дизайна.

7. CP Media Audio & Video Player

При помощи CP Media Player можно проигрывать и аудио, и видео, создавать свои списки и привязать учетную запись в электронном платежном сервисе PayPal к аудио-трекам, чтобы продавать их на сайте за деньги.

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

Сравнение параметров

Теперь соберем в единую таблицу все ключевые параметры плагинов, при помощи которых можно проигрывать аудио-треки на сайте.

источник

9 лучших плагинов аудио плееров для WordPress

Опубликовано: ADv Дата 09.11.2015 в рубрике Плагины WP Комментировать

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

1. Добавляем аудио и плейлисты в WordPress

WordPress умеет автоматически встраивать аудио файл в формате mp3. Все, что вам нужно сделать, это загрузить его через загрузчик и вставить ссылку на файл таким образом:

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

2. Audio Album

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

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

3. Simple Audio Player

Simple Audio Player — замечательный плагин. Вместо использования HTML5 для проигрывания, Simple Audio Player использует флеш по-умолчанию, а HTML5 в качестве дополнительного варианта.

Плагин также предлагает опции для изменения цвета и размера плеера. Simple audio player позволит вам вывести плейлисты и треки с помощью шорткодов.

4. Compact WP Audio Player

Дефолтный плеер WordPress занимает всю доступную ширину области записи. Compact WP Audio player решает эту проблему, добавляя маленький плеер, который легко настроить под свои нужды.

Плагин использует HTML5 проигрывание в качестве основного, и на всякий случай — флеш. Он полностью адаптивный, и даже если вы выберите широкий плеер, он автоматически «подгонится» под размер экрана пользователя.

5. HTML5 jQuery Audio Player

HTML5 jQuery Audio Player предлагает настраиваемый и стильный аудио плеер для WordPress. Плагин содержит множество опций, и также может использоваться вместе с Easy Digital Downloads для продажи своего цифрового контента.

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

6. CP Media Player

CP Media Player — красивый аудио/видео плеер для WordPress. Он располагает собственным медиа плеером с несколькими скинами для смены тем. Плагин работает на всех устройствах и полностью адаптивный. Другой полезной функцией CM media player является возможность отображать субтитры, используя формат WebSRT.

7. Simple Music Widget

Simple Music Widget добавляет виджет аудиоплеера, который можно закинуть в сайдбар сайта. Он может пригодится, если нужно вывести медиа наряду с другим контентом вашего сайта.

Simple Music Widget крайне прост в использовании и имеет в наличии возможность настройки виджетов. Смотрите нашу статью о том, как добавить виджет аудиоплеера в WordPress.

8. SoundCloud is Gold

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

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

9. Blubrry PowerPress Podcasting

Blubrry PowerPress Podcasting — это лучший плагин WordPress для подкастера. Он очень мощный, располагает уймой инструментов специально для подкастов. Работать может на любом хостинге, но лучше всего — на Blubrry.

Он оптимизирует ваши подкасты для SEO, позволяет эффективно управлять ими, а также разрешит вашим пользователям легко подписываться на ваши подкасты.

Мы надеемся, что эта статья помогла вам найти для себя лучший аудио плеер для своего сайта на WordPress.

По всем вопросам и отзывам просьба писать в комментарии ниже.

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

источник

Используем и настраиваем аудио-плеер в WordPress

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

В данный момент большинство мобильных устройств и планшетов приняли простое решение не поддерживать Flash. Разработчики используют новые HTML5-конвенции для работы с медиа данными, такими как аудио или видео.

С недавнего времени WordPress позволяет легко импортировать аудио в свой блог. В данной статье мы расскажем вам о поддержке аудио, а также покажем, как использовать и как настроить аудио плеер в WordPress.

Поддержка со стороны браузеров

На момент написания статьи существуют браузеры, которые поддерживают новый HTML-элемент audio. Вот их список:

Базовая разметка HTML

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

Вот как выглядит разметка:

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

Элемент audio, определяющий звуковой контент, задан с опцией controls. Она позволяет вывести элементы управления для медиа-плеера по умолчанию. Ваши пользователи получат элементы управления, которые позволяют поставить проигрывание на паузу или заново включить его, а также скорректировать другие параметры, такие как громкость.

Элемент является ссылкой на актуальный медиа-файл, который вы хотите вывести на экран. Вы можете отметить, что в коде задано два элемента. Они требуются для поддержки всех современных браузеров. Мы поставили ссылку на два типа аудио – ogg и mp3. Еще один тип аудио, с которым вы можете связаться – wav.

Поддержка WordPress

Возможность воспроизведения аудио в WordPress позволяет вам встраивать аудио-файлы и проигрывать их. Эта возможность появилась в WordPress 3.6.

Эта возможность реализована в WordPress в виде шорткода, который генерирует разметку, приведенную выше.

Стандартный шорткод имеет следующий вид:

Чтобы поставить ссылку на файл, который вы хотите взять в качестве источника для воспроизведения, просто пропишите следующий параметр в шорткоде:

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

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

[ audio mp3=”audio.mp3″ ogg=”audio.mp3″ wav=”audio.wav” ]

Обратите внимание, что атрибут src был отброшен, и вместо него стали использоваться новые атрибуты. В данном случае это mp3, ogg, wav.

Опции для воспроизведения

Шорткод audio допускает некоторые опции, связанные с воспроизведением аудио.

src [ audio src=” ” ]

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

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

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

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

• [ audio preload=”none” ] – значение по умолчанию. Аудио не будет загружаться при загрузке страницы.
• [ audio preload=”auto” ] – аудио будет загружаться вместе со страницей.
• [ audio preload=”metadata” ] – при загрузке страницы загрузятся только метаданные.

Добавление аудио в запись

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

Вы можете заметить, что после загрузки аудио появляется новое меню справа. Я решил остановиться на стандартном значении.

Как только вы добавите аудио, вы можете создать и настроить свою запись в блоге. Внутрь записи мы поместим аудио, которое будет выведено в следующем виде:

Затем уже, после публикации, запись будет иметь следующий вид (со стандартными настройками):

Заключение

Элемент audio – прекрасный способ разнообразить свои записи блога. Сейчас блоги все чаще добавляют подкасты. Подкасты могут быть легко загружены на ваш сайт и легко добавлены в записи. Новый элемент audio в HTML5, объединенный с WordPress, значительно упрощает добавление и воспроизведение аудио файлов, предлагая вашим пользователям быстрый доступ к динамическому и привлекательному контенту.

источник