ВСТАВКА ЗВУКОВЫХ ФАЙЛОВ В WEB-СТРАНИЦУ.

   Сразу скажу, что я не люблю страницы, которые используют звуковое оформление в качестве фона. На это есть много причин. Во-первых, я не люблю всякие неожиданности. Во-вторых, я не очень люблю синтезированный звук из миди-файлов, которые чаще всего для этого употребляются. И в-третьих, мне просто может быть не по вкусу именно та мелодия, которая используется на данной странице. Поэтому, как правило, я работаю в сети с выключенными звуковыми колонками. Но - это мои проблемы. А цель этой статьи - как раз рассказать, каким образом можно использовать звуковые файла в оформлении ВЕБ-страницы.
   Возможностей в этом плане много: включение музыки в качестве фона, использование потокового аудио, RealAudio... Мы рассмотрим только самые простейшие: вставка звука в качестве фона и ссылки на звуковые файлы с возможностью скачивания.
   При включении музыки в качестве фона следует учитывать, что время загрузки страницы увеличится как раз на время загрузки звукового файла. По этой причине для этих целей используются исключительно файлы звукового формата midi. Дело в том, что браузер начнет проигрывать мелодию только после того, как получит с сервера весь файл целиком. Представьте, сколько придется ждать посетителю Вашего сайта, если Вы включите в качестве фонового файл в формате MP3 размером пусть даже около мегабайта. А у бедняги соединение с сетью через модем. Да еще если Ваш сайт на "народе"... (сразу внесу ясность: в своей статье про бесплатный хостинг я рекламировал "народ" как самый лучший из известных мне. Увы, все течет, все изменяется, и далеко не всегда в лучшую сторону. "Народ" видимо не рассчитал свои возможности и перегрузил свои технические средства. И сейчас с ним работать трудновато.) Пример звучания миди файла Вы можете услышать, включив колонки своего компьютера, если Вы читаете эту статью на сайте. Звучит миди версия о-очень популярной в конце 60-х годов прошлого столетия "Восточной песни", которую исполнял о-очень популярный певец Ободзинский. Если кто-то пожелает послушать эту песню в "натуре", в формате MP3, ссылка для скачивания дана в конце статьи. Если же Вы читаете эту статью как письмо из рассылки - увы, я не гарантирую, что Вы услышите эту мелодию, хотя я попытаюсь. Но не расстраивайтесь - если очень захотите послушать - заходите на эту страничку, и слушайте, слушайте.
   Вставить звук в качестве фонового можно при помощи двух тегов: <EMBED> или <BGSOUND>. Результат получится один и тот же: звук появится сразу после загрузки файла. Разница лишь в том, что при использовании BGSOUND звук появляется без всяких пояснений, а при употреблении EMBED - на странице появляется панель управления проигрывателя, с помощью которой пользователь может остановить проигрывание, регулировать громкость и т.д. (опять же, если Вы на сайте, Вы ее видите вверху страницы.) В разной литературе по-разному описывается применение этих тегов и их параметров. Лично мои эксперименты привели меня к выводу, что лучше всего их применять вообще без всяких параметров. Вернее - с одним обязательным параметром SRC=" " , который указывает на адрес файла. В этом случае мелодия будет выдана любым браузером из тех, что умеют это делать. Все остальные параметры или понимаются только одним определенным браузером, или понимаются разными браузерами по-разному.
   Конкретно в эту страницу "Восточная песня" вставлена с помощью такого кода: <embed SRC="img/o.mid"> . То есть звуковой файл o.mid лежит в директории img. В принципе, как и в случае с картинками, он может лежать где угодно, главное, чтобы в параметре SRC=" " путь к нему был указан правильно.
   И в заключение - еще об одной возможности. Теги <EMBED> и <BGSOUND> включают звук, не спрашивая посетителя сайта, хочет он этого или нет. Если же Вы захотите предложить послушать какую-то мелодию или любой другой звуковой файл (может быть, это будет Ваше стихотворение в Вашем же исполнении), Вы можете просто дать на него ссылку типа <A HREF="путь к файлу">название</A>.
Например здесь Вы можете скачать "Восточную песню" в формате МР3, а здесь - ее миди-вариант.

на главную

Copyright © 2001 by Сергей Червонящий.