webdevelopment-tips.info

Как сделать музыку на блоге

Как сделать музыку на блоге 748

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


17.05.2016


11:21


8348


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

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


Как сделать музыку на блоге 257
Как сделать музыку на блоге 677
Как сделать музыку на блоге 416
Как сделать музыку на блоге 906
Как сделать музыку на блоге 564
Как сделать музыку на блоге 953
Как сделать музыку на блоге 534
Как сделать музыку на блоге 640
Как сделать музыку на блоге 167
Как сделать музыку на блоге 204
Как сделать музыку на блоге 159
Как сделать музыку на блоге 779
Как сделать музыку на блоге 655
Как сделать музыку на блоге 892
Как сделать музыку на блоге 971
Условия приготовления кваса в домашних условияхПоздравления папочке с днем рождения от доченькиСделать открытку своими руками с днемКуличи как сделать глазурь для куличаПоздравления женщине в стихах красиво и коротко от коллегКак сделать проект на водоснабжениеНожи для метания сделать в домашних условияхСхема водопровода частного дома своими рукамиОбогреватель для бассейнов своими рукамиЧеловек из бутылки своими рукамиМоцареллу в домашних условияхШтроборез своими руками сделатьПоздравление родившемуся в июлеНадпись на коже в домашних условияхВсе узоры и схемы по вязанию спицами резинки

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

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