BloGGood.ru

Блог Костаневича Степана

WordPress, PHP, HTML, CSS, Windows

Блог на разные темы, seo-оптимизация, раскрутка сайта, создание сайта, вкусные эффекты для сайта и многое другое…

Главная » Все про HTML » Фоновая музыка для HTML-страницы. Урок№17

Фоновая музыка для HTML-страницы. Урок№17

2014-03-18 / Вр:21:36 / просмотров: 9685

Фоновая музыка для HTML-страницы. Урок№17

Как создать фоновую музыку для HTML страницы, и вообще нужна ли фоновая музыка, все это узнаете в этой статье.
Чтобы внедрить в страницу сайта фоновую музыку, нужно воспользоваться тегом <bgsound>.

<bgsound src="musik.wav">

src – указывает путь к аудио-файлу.
Размещается тег <bgsound> в голове документа между тегами <head></head> и закрывающего тега не требуется.

Внимание: формат аудио-файла должен быть только WAV или MIDI, иначе работать не будет.

Пример:

<!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">
</head>
<body>
текст HTML-страницы
</body>
</html>

Кстати, фоновая музыка на HTML-страничке будет слышна только в браузере Internet Explorer, остальные браузеры игнорируют тег <bgsound>.

Атрибуты тега <bgsound>

У тега <bgsound> есть свои атрибуты:

  • src – адрес звукового файла. Пример:
    <bgsound src="music/mtv.wav">

    Это значит, что браузеру нужно открыть папку «music» и воспроизвести аудио-файл «mtv.wav», как фоновую музыку;

  • loop – этот атрибут указывает количество повторов мелодии. Если в значении указанно «2», значит, мелодия будет проигрываться 2-а раза. Если указать минусовое значение «-1», значит, мелодия будет повторно проигрываться бесконечно раз;
  • balance – стереобаланс. Если в значении указать «-10 000», это будет значить, что мелодия будет играть в левой колонке. Если в значении указать «10 000», это будет значить, что мелодия будет играть в правой колонке. Если в значение указать «0», это значит, что мелодия будет играть равномерно в обеих колонках;
  • 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>
</html>

Стоит ли устанавливать фоновую музыку на HTML-страницу?

Использование фоновой музыки не всегда бывает полезным по некоторым причинам, которые сейчас мы и рассмотрим:

  1. в фоновой музыке нет кнопки «стоп» или «убрать громкость»;
  2. не всем пользователям будет приятно слушать вашу фоновую музыку, так как музыкальные вкусы у всех разные. Может, кого-то это даже будет отвлекать, так как он информацию лучше воспринимает в тишине;
  3. возможно, у кого-то играет своя собственная, любимая музыка, которую он бы хотел послушать во время путешествия по сайту, а ваша фоновая мелодия явно будет лишней;
  4. такая музыка сильно быстро потребляет трафик, за который некоторые еще платят деньги;
  5. и, как я уже упоминал, тег <bgsound> распознается только браузером Internet Explorer, а это значит, что музыка будет слышна только пользователям и поклонникам браузера Internet Explorer.

Может, вы найдете правильное применение  фоновой музыке и тегу <bgsound>. Я лишь хотел поставить вас в известность, рассказать и научить создавать фоновую музыку на веб-странице. А как ее использовать или использовать вообще – решать вам.

Фоновая музыка для HTML-страницы. Урок№17

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

Получай обновления блога!!! Подпишись:

Популярные статьи:

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

;-) :| :x :twisted: :smokes: :smile: :shock: :sad: :rose: :roll: :razz: :pop-corne: :oops: :o :mrgreen: :lol: :idea: :grin: :gazeta: :evil: :cry: :cool: :coffe: :arrow: :???: :?: :!:

Чтобы добавить в комментарий код HTML, PHP, CSS, JavaScript, нужно сделать так: [code] ваш код [/code]

Метки: , ,

Мои цели на 2018-2019:

1). Закончить тему «Bootstrap»

2). Закончить тему «Все про PHP и MySQL»

3). Создать портфолио и мини интернет-магазин шаблонов

4). Довести количество статей до 800

5). Добиться посещаемости 3000 человек/сутки

6). Увеличить число подписчиков до 250

Статистика по блогу

Количество записей на блоге: 810
Количество страниц на блоге: 20
Количество рубрик на блоге: 28
Количество меток на блоге: 72
Количество комментариев на блоге: 4716