Каким аудиоплеером пользоваться, после прекращения поддержки flash ?

О чем материал ?

После прекращения поддержки флешь у многих пользователей на сайтах uCoz и не только, паника, что делать и каким плеером обзавестись для прослушивания музыки на сайте чтобы все работало и не сломалось. Сегодня мы обсудим плеер, который не требует работы Flash, он поддерживается всеми современными браузерами как на компьютерах так и смартфонах и обладает встроенной опцией для скачивания mp3 файла.

Какой плеер выбрать, чтобы работал без Flash ?

Для решения данного вопроса много искать плеер не нужно, всеми браузерами поддерживается html 5 тег для работы с аудио, на страницах сайта или в материалах плеер можно установить таким кодом:

<audio controls> 
<source src="audio/music.ogg" type="audio/ogg; codecs=vorbis"> 
<source src="ссылка на ваш mp3 файл" type="audio/mpeg"> 
Тег audio не поддерживается вашим браузером. 
<a href="ссылка на ваш mp3 файл">Скачайте музыку</a>. 
</audio>

Как настроить плеер audio html5 для uCoz модулей ?

Настройка плеера на уровне модулей Блог и Новости

Вы можете на уровне модулей Блог или Новости использовать для плеера отдельное поле $OTHER1$ - $OTHER10$ при добавлении материала вы в это поле вставляете ссылку на файл mp3, в итоге в шаблоне - Страница материала и комментариев, плеер можно установить примерно таким кодом:

<audio controls>
<source src="audio/music.ogg" type="audio/ogg; codecs=vorbis">
<source src="$OTHER1$" type="audio/mpeg">
Тег audio не поддерживается вашим браузером.
<a href="$OTHER1$">Скачайте музыку</a>.
</audio>

в настройках модуля для подключаемого поля не забывайте убрать отметку с пункта - Автоматически добавлять префикс "http://" для полей, это поможет уберечь ваш плеер от поломки ссылок на файл mp3.

Настройка плеера на уровне модуля Каталог файлов

В данном модуле удобно для ссылки на файл использовать системное поле - Ссылка для скачивания архива с другого сервера, после подключения данного поля в нем можно прописывать ссылку на audio файл и далее в шаблоне - Страница материала и комментариев, плеер можно установить примерно таким кодом:

<audio controls> 
<source src="audio/music.ogg" type="audio/ogg; codecs=vorbis"> 
<source src="$RFILE_DIRECT_URL$" type="audio/mpeg"> 
Тег audio не поддерживается вашим браузером. 
<a href="$RFILE_DIRECT_URL$">Скачайте музыку</a>. 
</audio>

В модуле Каталог статей и других можно использовать аналогично дополнительное поле $OTHER1$ - $OTHER10$ и вопрос установки плеера будет решен. Пример работы плеера можно увидеть немного ниже.

Примечание

Описание по поддержке тега audio разными браузерами, можно найти в инструкции: https://webref.ru/html/audio Пользуйтесь данными плеером и не паникуйте, что прекратилась поддержка flash, это не катастрофа, выкрутимся и в этот раз.

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