Главная или честный способ заработка в сети Зачем мне это? Всё начинается с идеи

Музыка как фон html-документа

В качестве музыкального сопровождения веб-страницы можно поставить какую-нибудь песню, музыку или любой другой звук. Делается это двумя способами.

  1. С помощью тегов <bgsound>...</bgsound>, которые должны находиться в заголовке html-документа, а именно между тегами<head>...</head>. Рассмотрим этот способ более подробно.

    <html>
     <head>
      <title>Фоновый звук на сайте</title>
      <bgsound src="sea.mp3" loop="1" volume="-100" balance="0"></bgsound>
     </head>
     <body>
      <H3 align=center>Насладись звуком прибоя</H3>
      <P align=center><img src="sea.jpg" alt="море" width="700" hight="700"></P>
     </body>
    </html>

    Теперь рассмотрим все атрибуты тега <bgsound>

    • src. Определяет URL (адрес) звукового файла в формате wav, mp3, midi, au.
    • loop. Указывает количество повторов звукового файла. В том случае, если loop="-1", звуковой файл проигрывается бесконечное количество раз.
    • volume. Определяет громкость звука (находится в диапазоне от -10 000 до 0). В нашем случае volume="-100" обозначает, что это число будет вычтено из уровня громкости, который в данный момент установлен на компьютере пользователя.
    • balance. Регулирует стереобаланс. Принимает значения от -10 000 до 10 000.

    Рассмотрим html-документ, текст которого представлен выше. Если перейти по этой ссылке, будет виден, а главное слышан результат. У этого способа есть минус. Он подходит не для всех браузеров. У меня, например, звуковое сопровождение данной веб-страницы заработало только в браузере Internet Explorer.

  2. Можно вставить музыку на веб-страницу с помощью тегов <embed>...</embed>, размещается в теле html-документа, то есть между тегами <body>...</body>. Для примера сделаем html-файл следующего содержания:

    <html>
     <head>
      <title>Фоновый звук на сайте</title>
     </head>
     <body>
      <embed src="sea.mp3" autostart="true" loop="false" hidden="false" width="100" height="55"></embed>
      <H3 align=center>Насладись звуком прибоя</H3>
      <P align=center><img src="sea.jpg" alt="море" width="700" hight="700"></P>
     </body>
    </html>

    Здесь можно наблюдать за результатом данного html-кода. Значение атрибутов тега<embed>:

    • src. Определяет URL (адрес) звукового файла в формате wav, mp3, midi, au.
    • autostart. Определяет автоматически будет проигрываться музыка или нет. Имеет 2 параметра true (да) или false (нет).
    • loop. Определяет будет ли повторно проигрываться звуковой файл. Как и атрибут autostart, имеет 2 параметра true (да) или false (нет).
    • hidden. Определяет будет ли скрыта панель плеера, с помощью которого проигрывается аудиофайл. Возможные значения: true (да) или false (нет). Если значение атрибута hidden="false", то указываются размеры панели width (ширина) и hight (высота).

    Плюс данного способа расположения звукового сопровождения в том, что звук проигрывается во всех браузерах. Минус же состоит в том, что для того, чтобы файл проигрывался, пользователю необходимо на компьютер установить специальный проигрыватель.


<<Предыдущая | Оглавление | Следующая>>