StepkinBlog.ru
Пока я творю, я живу!
Блог посвящен: HTML, CSS, PHP, Wordpress, Bootstrap
17.05.2016
11:21
42012
9
Как сделать фоновую музыку на сайте – HTML и HTML5
Всем привет!
Сегодня я расскажу, как сделать фоновую музыку на сайте используя HTML.
Это совершенно не сложно и не нужно быть гуру, чтобы создать такой эффект на сайте.
Стоит вопрос, а нужно ли это для вашего сайта? Может, вашим пользователям или читателям этот эффект будет мешать? Или даже раздражать? Ведь, если у вас, например, обучающий сайт, то музыка будет отвлекать. Если вы делаете сайт для какой-то музыкальной группы или певца, возможно, этот эффект будет классным и в тему.
Фоновая музыка на HTML5
Чтобы сделать на странице сайта фоновую музыку, достаточно воспользоваться тегом <audio>.
<audio src="путь к файлу" ></audio>
* Закрывающий тег обязателен.
Атрибуты тега <audio>:
- «autoplay» определяет воспроизведение музыкального файла сразу же после загрузки страницы.
- «autobuffer» используется в паре с «autoplay» – определяет воспроизведение музыкального файла уже в момент загрузки страницы.
- «src» – путь к звуковому файлу.
- «controls» показывает панель управления плеером.
Пример:
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Фоновая музыка на HTML5-StepkinBlog.ru</title> </head> <body> <audio src="music.mp3" autoplay="autoplay"> Тег audio не поддерживается вашим браузером. Необходимо обновить браузер! </audio> </body> </html>
Фоновая музыка на HTML (этот способ не рекомендую)
Чтобы сделать на странице сайта фоновую музыку, достаточно воспользоваться тегом <bgsound>.
<bgsound src="путь к файлу">
Закрывающий тег не нужен.
Тег <bgsound> размещается между тегами <head></head> .
Атрибуты тега <bgsound>:
- «Balance» - управляет балансом звука между правой и левой колонками.
Если в значении указать «-10 000», мелодия будет играть в левой колонке.
Если в значении указать «10 000», мелодия будет играть в правой колонке.
Если в значении указать «0», мелодия будет играть равномерно в обеих колонках. - «loop» - устанавливает, сколько раз проигрывать музыкальный файл. Значение по умолчанию «-1» бесконечный повтор.
- «src» - путь к музыкальному файлу.
- «volume» - громкость музыки. Значение «-10 000» – минимальная громкость, а значение «0» – по умолчанию соответствует текущей громкости воспроизведения.
Пример:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Фоновая музыка</title> <bgsound src="musik.wav" loop="-1" volume="-750" balance volume="-10000"> </head> <body> текст HTML-страницы </body>
Чтобы музыка проигрывалась формат файла музыки должен обьязательно быть WAW?
Ответить
2 ноября, 2017 at 00:26
Почему?
Вот же пример с mp3:
Демонстрация вот тут
Ответить
где должен находится mp3 файл?
Ответить
12 ноября, 2021 at 14:13
в моем примере, где файл html, там и mp3
Почитайте тут
Ответить
Salam Aleykum
Ответить
12 ноября, 2021 at 14:17
Ответить
А куда файл помещать? Там вроде не указан путь от куда он будет брать аудио? И еще можно поставить ссылку на поток какого нибудь радио?
Ответить
12 ноября, 2021 at 14:19
в моем примере, где файл html, там и mp3.
Почитайте тут
Ответить
Здравствуйте, Денис.
Кода я не увидел. И я противник тильды.
Ответить