maximus00
6 лет назадКак поставить фоновый HTML 5 звук или музыку на сайт
Всем привет! Сегодня я покажу вам парочку примеров как можно поставить фоновый HTML 5 звук или музыку на собственный сайт или блог.
В первом варианте мы будем использовать теги :
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
</head>
<body>
<audio src="music.ogg" controls="controls">
</audio>
</body>
</html>
Использование атрибутов:
- autoplay="autoplay" - воспроизведение музыкального файла сразу же после загрузки страницы.
- autobuffer="autobuffer" в паре с autoplay="autoplay" определяет воспроизведение музыкального файла уже в момент загрузки страницы.
- src="url" – путь в каталоге к звуковому файлу.
- controls="controls" показывает панель управления плеером.
- файл должен быть с расширением .ogg.
Второй вариант (больше подходит для браузеров Internet Explorer и Opera):
<title>HTML звук на сайте</title>
<bgsound src="music.wav" loop="1" volume="-1000" balance="0" />
</head>
<body>
<img src="imgage_sound.jpg" alt="Музыка на сайте" />
</body>
</html>
Использование атрибутов:
- – определяет фоновый HTML звук, музыку на сайте. Прописывать нужно между тегами .
- src="" – определяет url звукового файла (формат Wav или Mp3).
- loop="" – количество проигрываний.
- volume="-1000" – громкость звука. В данном случае обозначенная величина будет вычтена из текущего уровня громкости, установленного на компьютере пользователя.
- balance="0" – регулирует баланс звучания.
Как видите ничего сложного нет, поэтому можно с легкостью украсить свой сайтик.
Источник изображения pixabay.com