Добавление mp3 в wordpress — плагин oEmbed HTML5 audio

С развитием интернета мультимедиа все чаще используется на сайтах — аудио, видео скачивать и просматривать также просто как и картинки. А возможности нового HTML5, насколько я знаю, позволяют встраивать эти файлы достаточно легко. Самый распространенный вариант для видео (и аудио) это использование сторонних сервисов: вы загружаете или ищите там нужный mp3 файл, а на свой сайт вставляете специальный Embed код. Тем не менее, есть вариант более интересный и эффективный — с помощью специального плагина oEmbed HTML5 audio.

Обновление 14.05.2018: В последних версиях CMS автоматически импортирует разную информацию из внешних источников, поэтому для начала попробуйте реализовать задачу без модулей. Кстати, при желании можно отключить oEmbed в Wodpress.

Данное решение позволяет добавлять аудио файлы (MP3, OGG, WAV) в постах и страницах сайта за счет технологии oEmbed (как это происходит с YouTube). По умолчанию mp3 файлы отображаются с помощью тегов HTML5, хотя имеется также Flash плеер для тех браузеров, где основной вариант не поддерживаются.

Скачать и установить плагин можно отсюда. Дальше в админке в разделе плагинов просто его активируете — это все, что нужно сделать. Дабы вставить mp3 файл в wordpress заходим на страницу публикации и первым делом загружаем его, кликнув по кнопке «Добавить медиафайл«

На картинке у меня старая версия вордпресс, поэтому здесь еще есть разбиение на типы файлов, хотя разницы там нет никакой, в новых — просто одна кнопка. После этого вам нужно вставить адрес этого mp3 файла с новой строки (параграфа) в текст заметки. Не ссылку с тегом A, просто путь к файлу. Затем сохраняем и проверяем, что у нас получилось.

В других браузерах плеер может выглядеть немного иначе.

Для работы плагина oEmbed HTML5 audio нужна версия вордпресс 3 и выше. В ходе тестирования авторы модуля проверили следующие браузеры (инфа на момент публикации модуля в репозитории + были проверены только Windows версии):

• Google Chrome 14: MP3, OGG, WAV — с помощью HTML5.
• Firefox 6: OGG, WAV — через HTML5; MP3 — Flash-плеер.
• Opera 11: OGG, WAV — через HTML5; MP3 — Flash- плеер.
• Internet Explorer 8: MP3 — через Flash-плеер; OGG, WAV — не поддерживается.
• Internet Explorer 9: MP3 — через HTML5; OGG, WAV — не поддерживается.
• Safari: MP3 — Flash-плеер; OGG, WAV — не поддерживается.

Как видите, не смотря на то, что плеер позволяет добавлять разные аудио форматы MP3, OGG, WAV, не все браузеры смогут их воспроизводить. Для большей стабильности рекомендуется все же использовать mp3. Полезной фишкой является наличие Flash версии воспроизведения, т.к. не все браузеры  отлично работают с HTML5. В целом мне лично плагин oEmbed HTML5 audio понравился — быстро и просто все делается. Загрузок модуля чуть больше 20 тысяч, оценки высокие — и не зря!

Понравился пост? Подпишись на обновления блога по RSS, Email или twitter!

Оцените статью:

(голосов - 2, средний балл: 6,50 из 7)

Загрузка...

Категории: Плагины;
Теги: аудио и mp3, обзоры плагинов, полезные плагины, простые плагины.