amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .amp-logo amp-img{width:190px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";}
Categories: Плагины

Обзор плагинов, которые позволяют добавить аудио на сайт

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

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

Плагины для установки аудио на сайт

MediaElement.js. Плагин, который создан на современном и оптимизированном языке HTML5. Также в его составе применяются и Flash. Поддерживает все популярнее форматы аудио. Кроме того, он способен работать и с видео файлами тоже. Однако первоначальное его назначение – это музыка.

HTML5 jQuery Audio Player.  Отличный плагин, который позволят добавить как одиночное аудио на сайт, так и целые плейлисты. Замечательный вариант для сайтов, для которых адаптивность дизайна стоит на первом месте, так как плеер хорошо работает, как в компьютерных браузерах, так и в мобильных.

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

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

Simple Audio Player. Очень простой плагин, подойдёт в том случае, если вам необходимо нечасто добавлять аудио на сайт. Отличается максимальной простотой и лёгкостью в использовании. Нет ничего лишнего. И при этом плеер имеет адаптивный дизайн.

mb.miniAudioPlayer. Плагин с удобным плеером на основе HTML 5. Отличается хорошим юзабилити, имеет множество элементов для управления.

Blubrry PowerPress Podcasting. По заявлению разработчиков, плагин поддерживает все известные форматы аудио. Как понятно из названия, это отличный вариант для подкастеров. Работает на HTML 5 и Flash.

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

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

О других аналогичных плагинах мы рассказали здесь.

Адель Гадельшин

View Comments

Recent Posts

Что такое отказы на сайте, почему они происходят, как их уменьшить

Отказы на сайте - это процент посетителей, которые покидают сайт после просмотра только одной страницы.…

7 месяцев ago

Как сделать запуск инфопродукта

Инфопродукт - это любой продукт, который содержит информацию, полезную для потенциальных клиентов. Это может быть…

8 месяцев ago

Как вебмастеру юридически обезопасить себя

Ведение сайта - это не только подержание его работоспособности и наполнение контентом. В последние годы…

8 месяцев ago

Папки WordPress: значение папок /wp-admin, /wp-includes и /wp-content

WordPress - это популярная система управления контентом (CMS), которая позволяет создавать и управлять веб-сайтами различной…

8 месяцев ago

Что такое сертификат Let’s Encrypt и стоит ли его устанавливать

Сертификат Let’s Encrypt - это бесплатный и открытый сертификат SSL/TLS, который позволяет защитить веб-сайт от…

8 месяцев ago

Защита WordPress от вирусов

WordPress - это одна из самых популярных систем управления контентом в мире, которая используется миллионами…

9 месяцев ago