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

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

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

function html5_audio($atts, $content = null) {
    extract(shortcode_atts(array(
        "src" => '',
        "play" => '',
        "preload"=> 'auto',
        "loop" => '',
        "controls"=> 'controls'
    ), $atts));
    return '<div><audio src="'.$src.'" preload="'.$preload.'" loop="'.$loop.'" controls="'.$controls.'" /></div>';
}
add_shortcode('audio5', 'html5_audio');

Этот код создает шорткод [code inlune=”yes”][audio5] с параметрами. Пример использования шорткода со всеми параметрами:

[audio5 src="http://ваш-сайт/audio/audio.mp3" loop="loop" preload="auto" loop="loop" controls="yes"]

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

[audio5 src="http://ваш-сайт/audio/audio.mp3"]

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

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

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