Как сделать в joomla
Как вставить аудио в joomla.
Однажды у меня возникла необходимость поместить аудио файлы на одном сайте, под управлением cms joomla. Сколько компонентов и модулей я не пробовал, они не работали, так как надо, либо вообще не работали. Выход нашелся... С появлением html5 и введением новых тегов, появилась возможность не использовать больше дополнительные модули или компоненты. И так рассмотрим, как же вставить аудио файл в материал.
Первый вариант. Используем теги <audio> </audio> , определяют фоновый звук, музыку или другой аудио поток на сайте. Отключаем редактор и вставляем следующий код в материал.
<audio controls="controls"><source type="audio/mpeg" src="/media/music/rise.mp3" > Тег audio не поддерживается вашим браузером. Обновите браузер или <a href="/media/music/rise.mp3" >Скачайте песню</a></audio>
И получаем такой плеер:
Теперь рассмотрим код подробнее:
controls="controls" – показывает панель управления плеером.
src="/media/music/rise.mp3" – путь к звуковому файлу.
Строка: Тег audio не поддерживается вашим браузером. Обновите браузер или Скачайте песню – будет показана если версия браузера пользователя не слишком новая и будет предложено скачать музыкальный файл.
Второй вариант, с помощью плагина media manager, для редактора JCE. После установки дополнения, в редакторе появится такая кнопка , жмем, выбераем, в браузере файлов, вашу музыку, жмем вставить, все готово.
Скачать JCE media manager joomla 1.6 - 1.7
Для того чтобы вставить музыку фоном, в любой материал на вашем сайте, как здесь (я надеюсь вы слышите музыку), следует вставить следующий код:
<audio autoplay="autoplay"<source type="audio/mpeg" src="/media/music/rise.mp3" > Тег audio не поддерживается вашим браузером. Обновите браузер или <a href="/media/music/rise.mp3" >Скачайте песню</a></audio>
также можно добавить параметр loop="" – определяет будет ли повторяться проигрывание, значения: true – да или false – нет.
т.е. всего то, надо убрать панель аудио проигрывателя и добавить автозапуск фоновой музыки, в код материала вашего сайта.
P.S. Для того чтобы музыка работала в более старых браузерах:
Firefox не умеет читать ".mp3", а только ".ogg" И в эксплорере 8 не будет работать, не читает он HTML5.
Используйте такой код:
<audio autoplay="autoplay">
<source src="/путь к audio файлу.mp3" type="audio/mp3">
<source src="/путь к audio файлу.ogg" type="audio/ogg">
</audio>