Идёт загрузка страницы...

htp://aptem.net.ru





    Звук и видео на страничке.

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

    Добиться такого эфекта можно, используя тэг <EMBED>. Действие этого элемента следующее: после загрузки страницы автоматически загружается и проигрывается звуковой файл. При этом в окне появляется панель проигрывателя (или пульт управления проигрывателя - как вам удобнее называть).

    Пример:

    <EMBED src="http://mymusick.ru/osen.mid" AUTOSTART="TRUE">

    Как всегда, тут не все так безоблачно, как хотелось бы. По своей давней традиции создатели Netscape и Explorer не договорились между собой, и потому в разных Обозревателях эта панель выглядит и, самое обидное, ведет себя по разному.

    Элемент <EMBED> может иметь следующие аттрибуты:

    WIDTH - ширина панели в пикселях (можно и в процентах);
    HEIGHT - высота панели в пикселях (или процентах);
    ALIGN - расположение панели относительно текста, возможные значения LEFT, RIGHT, CENTER; HIDDEN - позволяет скрыть панель, значения аттрибута: TRUE - панель скрыта, FALSE - панель видима (значение по умолчанию);
    AUTOSTART - значение TRUE - проигрыватель стартует автоматически, FALSE - ждет нажатия на кнопку "воспроизведение";
    LOOP - цикл, т.е. при значении TRUE мелодия будет проигрываться по кругу, а при значении FALSE - только один раз. Если значением будет число, то Netscape проиграет мелодию указанное количество раз, для Explorer'а числовое значение равносильно значению TRUE.

    Пример:

    <EMBED src="http://mymusick.ru/osen.mid" WIDTH="70" HEIGHT="45" ALIGN="left" HIDDEN="False" AUTOSTART="False" LOOP="True">

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

    Некоторые Обозреватели поддерживают еще аттрибут CONTROLS, который позволяет сконфигурировать панель управления. Он может иметь следующие значения:

    CONSOLE - панель обычного размера;
    SMALLCONSOLE - панель меньшего размера;
    PLAYBUTTON - вместо всей панели только кнопка "Воспроизведение";
    PAUSEBUTTON - вместо всей панели только кнопка "Пауза";
    STOPBUTTON - вместо всей панели только кнопка "Стоп";
    VOLUMELEVER - вместо всей панели только регулятор громкости.

    Элемент <EMBED> поддерживает звуковые файлы с расширениями MID, WAV, AIFF, AU, видеофайлы AVI, MOV.

    Элемент <BGSOUND> задает фоновый звук для страницы, т.е. звуковой фрагмент, который будет звучать сразу после загрузки страницы. Обозревателем Netscape не поддерживается. Может иметь аттрибут LOOP, определяющий количество повторов фрагмента. Пример использования:

    <BGSOUND src="http://mymusick.ru/osen.mid" LOOP="3">

    Ниже приводится программа, выводящая фоновый звук как в Internet Explorer'е, так и в Oper'e и Netscape Navigator'e (при наличии соответствующего плагина).

    <SCRIPT LANGUAGE="JavaScript">
    <!-- Begin
    var MSIE=navigator.userAgent.indexOf("MSIE");
    var NETS=navigator.userAgent.indexOf("Netscape");
    var OPER=navigator.userAgent.indexOf("Opera");
    if((MSIE>-1) || (OPER>-1)) {
    document.write("<BGSOUND src='
    test.mid' LOOP='INFINITE'>");
    } else {
    document.write("<EMBED src='
    test.mid' AUTOSTART='TRUE' ");
    document.write("HIDDEN='true' VOLUME='100' LOOP='TRUE'>");
    }
    // End -->
    </SCRIPT>

    По поводу вставки видео в HTML, то для этого можно воспользоваться тегом <IMG>.

    <IMG DYNSRC="http://myvideo.ru/fish.avi" src="http://myvideo.ru/error.gif" START="MOUSEOVER">

    Атрибут DYNSRC содержит имя видео файла, SRC - имя графического файла, который будет загружен, если видео файл не будет найден на сервере. Атрибут START указывает, при каком условии начинать воспроизведение: MOUSEOVER - если пользователь подвел курсор к изображению.


Вернуться?

Перейти к разделу "Учебники по HTML"