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.
По всем вопросам и отзывам просьба писать в комментарии ниже.
Не забывайте, по возможности, оценивать понравившиеся записи количеством звездочек на ваше усмотрение.
Источник
13 бесплатных плагинов для аудио-плеера в WordPress
Думаю, не нужно объяснять, что музыка оказывает положительный эффект на посещаемость ресурса и уровень интереса к нему со стороны широкой аудитории, в особенности — если у вас развлекательный блог. Если вы хотите проигрывать музыкальные файлы на сайте или в блоге, то вам понадобится музыкальный проигрыватель.
В нашей подборке собраны 13 аудио-плееров для установки на ваш сайт. Все они реализованы при помощи плагинов, так что вам не составит труда выбрать один из них и установить его за считанные минуты.
1. MediaElement.js
Это видео и аудио-плеер на основе HTML5 с поддержкой Flash. С его помощью можно проигрывать медиа-контент в форматах MP4, OGG, WebM, WMV, MP3, WAV, WMA.
2. HTML5 jQuery Audio Player
Поможет вам добавить на сайт отдельно взятый трек или целый список воспроизведения. Плагин хорошо работает как с настольными, так и с мобильными версиями браузеров. Заявлена поддержка MP4, OGG, WebM, WMV, MP3, WAV, WMA.
3. Audiobar
Плагин, который добавляет панель воспроизведения аудио на сайт, проигрывает музыку в фоне, пока пользователь «серфит» по вашему сайту.
4. oEmbed HTML5 audio
Позволяет встраивать в посты и страницы вашего блога свои аудио-файлы на основе технологии oEmbed с возможностью проигрывания во Flash.
5. Simple Audio Player
Простой плагин для добавления аудио-файлов в ваши посты с поддержкой адаптивной верстки.
6. mb.miniAudioPlayer
Плагин, помогающий добавить МР3-файлы на сайт в простом HTML5-плеере с поддержкой контроля громкости, клавишами переключения и т.д.
7. Audio Tube
Плагин, помогающий воспроизводить на сайте видео-ролики и аудио-файлы с поддержкой YouTube и шорт-кодов.
8. Blubrry PowerPress Podcasting
Полезный плагин для подкастеров с медиа-проигрывателями в форматах HTML5 и Flash. Заявлена поддержка многих медиа-форматов и кодеков.
9. CodeArt
Плагин для вставки МР3-аудио в страницы и посты, а также в боковую панель сайта.
10. PlayPress
Плеер без JavaScript на основе HTML5 и Flash, быстрый и простой в использовании.
11. S3audible Music Player
Удобный плагин для трансляции музыки с вашей учетной записи в «облаке» Amazon S3.
12. Flash MP3 Player
Плагин плеера с гибкими настройками и возможностью добавления его в боковую панель WordPress.
Плагин, разработанный для проектов в сфере e-commerce на основе фреймворка WooCommerce. Позволяет организовать предварительное прослушивание треков перед покупкой, обладает рядом гибких настроек.
Заключение
Все перечисленные в этом посте плагины просты в настройке и позволяют вам удобно и быстро организовать прослушивание и просмотр медиа-контента на вашем сайте. И что самое важное — всё это можно сделать бесплатно.
Есть ли у вас опыт использования подобных плагинов? Если да, то какими плагинами вы могли бы дополнить наш список? Поделитесь своими соображениями в комментариях к этому посту, мы будем рады вашим откликам.
Источник: WPJedi.com
Смотрите также:
Похожие статьи
Комментарии к записи: 17
Какой из этих плагинов умеет воспроизводить аудио, находящееся на третьем сайте (или вообще в облаке), т.е. без загрузки непосредственно в wordpress?
S3audible Music Player точно так умеет, остальные не уверен.
Судя по названию, он ограничен S3?
Похоже, так и есть.
Но всё равно спасибо.
метод тыка иногда даёт поразительные результаты.
playpress умеет.
Какой нить плеер поддерживает потоковое аудио? Чтобы могло играть типа этого (это не спам)
Здравствуйте
Есть сайты поиска музыка так у них когда заканчивается песня то автоматически начинает играть следующая, хотелось бы узнать как это сделать
Поставила сайт поиска музыки и приходится каждый раз жать плей что бы новая песня играла, а хотелось бы сделать так что бы нажал на первую песню а остальные автоматически начинали играть после окончания предыдущей
Нужно искать готовое решение, которое поддерживает такую функциональность, или дорабатывать один из представленных тут плагинов. Проще найти готовое, мне кажется.
Спасибо братуха. Выручил
Спасибо! Хорошая подборка.
Мне пригодился «oEmbed HTML5 audio».
а какой из них поддержывает wav?
Плагин HTML5 jQuery Audio Player — самый лучший, но в бесплатной версии — поддержка только одного плей-листа. Где можно скачать полнофункциональную бесплатную версию?
А есть ли в природе плагин аудио плеера для WP с функцией записи (диктофон)?
Во-первых, спасибо за сайт! Постоянно сюда прихожу, обязательно что-то очень полезное нахожу.
По делу:
1. WP Audio Player — тестировала. Плюс: он адаптивный, абсолютно настраиваемый внешний вид. Минус — он не кросс-браузерный — в FireFox и во всех, кроме Google Chrome Выглядит ужасно. Сейчас пытаюсь достучаться в поддержку, может есть выход.
P.S. замените ссылку, сейчас такая правильно — https://wordpress.org/plugins/simple-audio-player/installation/
2. Есть плагин так сказать широкого спектра — Ultimate Shortcodes- в нем, кроме всего прочего есть аудо плеер, он кросбраузерный, адаптивный, но внешний вид не настраивается.
http://gndev.info/shortcodes-ultimate/
Этот плагин также поддерживается в Visual Composer, я использую через Text Block.
Удачи!
Спасибо, заменили ссылку!
Источник
Используем и настраиваем аудио-плеер в 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 обработает ее как аудио и выведет плеер.
This is my latest song
Чтобы убедиться в том, что ваши аудио файлы будут проигрываться во всех браузерах, вам нужно поставить ссылки и на другие типы аудио:
[ audio mp3=”audio.mp3″ ogg=”audio.mp3″ wav=”audio.wav” ]
Обратите внимание, что атрибут src был отброшен, и вместо него стали использоваться новые атрибуты. В данном случае это mp3, ogg, wav.
Опции для воспроизведения
Шорткод audio допускает некоторые опции, связанные с воспроизведением аудио.
src [ audio src=” ” ]
src – необязательное поле, однако оно оказывается очень удобным, если вы хотите реализовать поддержку многочисленных браузеров. Следующие значения могут быть заданы, чтобы реализовать корректные откаты в том случае, если определенный браузер не может обработать определенный тип аудио.
loop
Опция для автоматического зацикливания воспроизведения файла. По умолчанию данная опция выключена. Если вы зациклите аудио, я думаю, что это будет раздражать пользователей, поэтому лучше избежать данной реализации.
autoplay
В некоторых очень редких ситуациях вам может понадобиться автоматически воспроизвести аудио, когда пользователь посещает определенную страницу. По умолчанию опция выключена.
preload
Иногда полезной оказывается предзагрузка аудио. Если вы решили ее использовать, то вам доступны следующие опции:
Добавление аудио в запись
Получив сведения о том, как работает шорткод audio, вы можете теперь создать новую запись. Если вы планируете добавить аудио, вы можете загрузить его в медиатеку.
Вы можете заметить, что после загрузки аудио появляется новое меню справа. Я решил остановиться на стандартном значении.
Как только вы добавите аудио, вы можете создать и настроить свою запись в блоге. Внутрь записи мы поместим аудио, которое будет выведено в следующем виде:
Затем уже, после публикации, запись будет иметь следующий вид (со стандартными настройками):
Заключение
Элемент audio – прекрасный способ разнообразить свои записи блога. Сейчас блоги все чаще добавляют подкасты. Подкасты могут быть легко загружены на ваш сайт и легко добавлены в записи. Новый элемент audio в HTML5, объединенный с WordPress, значительно упрощает добавление и воспроизведение аудио файлов, предлагая вашим пользователям быстрый доступ к динамическому и привлекательному контенту.
Источник