Добавляем аудиофайлы MP3 в WordPress

Загрузка аудио- и видео-файлов в WordPress при помощи Медиазагрузчика крайне проста. Но даже когда медиазагрузчик распознает эти файлы и отображает для них соответствующие файлу иконки рядом, то WordPress не оборудован медиа-плеером, который бы сумел воспроизвести эти файлы. Вы можете использовать сторонние платформы типа SoundCloud для встраивания аудио, но целью сегодняшней статьи — позволить вам загружать аудио-файлы, используя при этом стандартный загрузчик медиа и встраивание их в запись или страницу. В этой статье мы покажем вам как добавить аудиофайлы MP3 в WordPress при помощи oEmbed.

mp3-ogg-audio-wordpress[1]

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

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

copy-file-location[1]

Плагин использует тег HTML5 audio для автоматического встраивания аудио файла из вашей ссылки. При использовании этого способа вы заметите, что медиа плеер для файлов ogg и mp3 выглядит по-разному в браузере Firefox. Так происходит потому, что Firefox не поддерживает oEmbed HTML5 audio для файлов MP3, поэтому плагин переключается на flash player вместо использования HTML5, когда определяет, что плеер отображается в Firefox. С таким «запасным» вариантом на флеше этот способ работает в большинстве браузеров и платформ (Примечание насчет Firefox актуально на момент написания статьи. Всё может измениться по мере выхода новых версий Огнелиса.)

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

VN:F [1.9.22_1171]
Rating: 1.5/5 (2 votes cast)

Об авторе ADv

Занимаюсь разработкой сайтов и магазинов на WordPress. Оказываю платные помощь и консультации. Skype: advokat_b
Scroll To Top