Как сделать на сайте играла музыка

Как сделать на сайте играла музыка 244

Главная » HTML дополнение » Как сделать фоновую музыку на сайте – HTML и HTML5


17.05.2016


11:21


8345


2


Как сделать фоновую музыку на сайте – 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>

Предыдущая запись
Атрибут download в HTML5 (для скачивания файлов) Следующая запись
Подключение. Основы bootstrap 3 для начинающих. Урок №2

Добавить комментарий


Как сделать на сайте играла музыка 960


Как сделать на сайте играла музыка 318


Как сделать на сайте играла музыка 777


Как сделать на сайте играла музыка 771


Как сделать на сайте играла музыка 781


Как сделать на сайте играла музыка 156


Как сделать на сайте играла музыка 220


Как сделать на сайте играла музыка 586


Как сделать на сайте играла музыка 743


Как сделать на сайте играла музыка 711


Как сделать на сайте играла музыка 519


Как сделать на сайте играла музыка 583


Как сделать на сайте играла музыка 853


Как сделать на сайте играла музыка 34


Как сделать на сайте играла музыка 259


Как сделать на сайте играла музыка 96


Как сделать на сайте играла музыка 405


Как сделать на сайте играла музыка 163


Как сделать на сайте играла музыка 685


Новости по теме:

  • Как волосы сделать густыми народными средствами
  • Как сделать кисть для покраски
  • Хорошее поздравление на выпускной от родителей
  • Как сделать крем для надписей на торт
  • Как сшить шапку из старой меховой шапки