n-wp.ru — блог о WordPress
Шорткод для вставки HTML5 аудио | n-wp.ru

Шорткод для вставки HTML5 аудио

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

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

Шорткод для вставки HTML5 аудио

Откройте файл functions.php, и добавьте в него следующий код:

Этот код создает шорткод [code inlune=»yes»][audio5]

с параметрами. Пример использования шорткода со всеми параметрами:

Использование шорткода с параметрами по-умолчанию:

  • src — это прямая ссылка на файл (обязательный параметр)
  • loop — указатель, стоит ли зацикливать воспроизведение аудио (необязательный параметр, значения — loop или ничего)
  • preload — указатель, стоит ли загружать файл на компьютер перед воспроизведением (необязательный параметр, значения — auto, metadata, none)
  • controls — указатель, стоит ли показывать кнопки управления (необязательный параметр, значения — controls или ничего)

Стандарты HTML5 позволяют вставлять аудио различных форматов — MP3, OGG, AAC, WAV, однако не все браузеры одинаково их понимают. Таблица распределения поддержки аудио различных форматов между браузерами выглядит так:

Шорткод для вставки HTML5 аудио

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

tiaurus

Являюсь создателем n-wp.ru — блога о WordPress для новичков. Мне интересно многое, поэтому еще я сделал 123-box.ru — блог о программах для Windows, и tiaurus.info — блог о красоте.

6 комментариев

  • Жаль, что mp3 поддерживается ещё не всеми, так бы перешёл на этот способ.

    Кстати, с точки зрения производительности, это не плохо перегружать functions.php? Может часть работ стоит передавать на плечи плагинов?

    • Между работой плагина и кода в functions.php никакой нет — все равно работают те же функции. Но код в functions.php создает меньше обращений, меньше операций ввода-вывода. Ведь functions.php уже существует, и тема все равно будет к нему обращаться, а плагин — это несколько дополнительных файлов, значит и несколько дополнительных обращений. А зачем платить больше, если в плане функциональности разницы никакой?

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

  • [audio5 src=»http://ваш-сайт/audio/audio.mp3″ loop=»loop» autoplay=»autoplay» preload=»auto» loop=»loop» controls=»yes»]
    Подскажите пожалуйста как отключить функцию автозапуска записи при попадании на страницу? удаление параметра autoplay=»autoplay» не помогает.

/* ]]> */