Как сделать звуки на сайте

Как сделать звуки на сайте 247

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


17.05.2016


11:21


8368


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

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


Как сделать звуки на сайте 849


Как сделать звуки на сайте 287


Как сделать звуки на сайте 735


Как сделать звуки на сайте 616


Как сделать звуки на сайте 229


Как сделать звуки на сайте 34


Как сделать звуки на сайте 866


Как сделать звуки на сайте 511


Как сделать звуки на сайте 554


Как сделать звуки на сайте 240


Как сделать звуки на сайте 875


Как сделать звуки на сайте 733


Как сделать звуки на сайте 1


Как сделать звуки на сайте 391


Как сделать звуки на сайте 189


Как сделать звуки на сайте 834


Как сделать звуки на сайте 617


Как сделать звуки на сайте 97


Как сделать звуки на сайте 420


Читать далее:

  • Шкаф своими руками расчет дверей
  • Поздравление с годовщиной нашей любви
  • Канал по вязанию для начинающих
  • Поздравления на день женщине на татарском языке
  • С днём рождения открытки элегантные