Однажды у меня возникла необходимость поместить аудио файлы на одном сайте, под управлением 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. После установки дополнения, в редакторе появится такая кнопка mediamanager, жмем, выбераем, в браузере файлов, вашу музыку, жмем вставить, все готово.

 Скачать 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>

Контакты

Если Вы заинтересованы в сотрудничестве или у Вас есть вопросы.

Пожалуйста свяжитесь со мной любым удобным способом.

E-mail: Этот адрес электронной почты защищён от спам-ботов. У вас должен быть включен JavaScript для просмотра.


Viber


WhatsApp


+7 (965) 280-40-90
нажмите чтобы позвонить


SdelatSait.com


ICQ: 284161478


через форму обратной связи

Go to top Яндекс.Метрика