Внедрение связанных объектов
Не берусь утверждать, что звуковое сопровождение способно украсить, а самое главное ускорить загрузку Web-страницы. Но, вместе с тем, соглашусь, что в некоторых случаях просто необходимо встроить в документ даже видео клип.
Элемент bgsound задает фоновый звук, который проигрывается сразу после загрузки страницы. Располагается в заголовке документа, Netscape, Opera не поддерживается.
<bgsound src="imagesh/jinglebell.mid" loop="0">
Атрибут loop= нужен для того, чтобы определить, что делать, когда музыкальный фрагмент завершится. Значение loop="-1" или loop="infinite" означает, что музыкальный файл будет проигрываться от начала до конца пока пользователь не покинет web-страницу. Значением атрибута loop= может быть положительное число, означающее количество повторов звукозаписи. Например, при loop="2" файл будет проигран два раза.
С помощью атрибута volume= можно уменьшить громкость звучания. Именно уменьшить, поскольку значение этого атрибута по умолчанию равно нулю, что соответствует максимальной громкости. Теоретически, предельное значение атрибута volume= равно -10 000, однако обычно в использовании значений менее -1000 особого смысла нет.
В старых стандартах HTML для внедрения объектов в документы использовалось два тега <embed> и <applet>. Первый служил для внедрения объектов, отображаемых Plug-ins модулями броузера и прикладными приложениями, а второй для размещения на Web-станицах Java-аплетов. Начиная со стандарта HTML 4 возможности вышеприведенных тегов, по внедрению объектов, объединили в новом контейнерном теге <object>. Старые теги работают, их так же можно продолжать использовать, но более предпочтительным является использование тега <object>.
Особенность этого тега состоит в том, что он сообщает браузеру, чем и как загружать и отображать объекты, даже те, которые по умолчанию он не понимает. Если музыкальный объект размещен на веб-странице с помощью тега <object>, броузер в некоторых случаях может сообщить об отсутствии средств воспроизведения файлов такого типа. Иногда это вызывает удивление, так как те же файлы прекрасно воспроизводятся на том же компьютере, однако здесь требуется не любое средство воспроизведения, а только встроенное в данный броузер. Как правило, такие объекты требуют подключения к браузеру специального модуля (плагина), или запуска вспомогательной программы. Однако до сих пор эти рекомендации не учтены полностью во многих браузерах, а старые версии их вообще не понимают. Поэтому привожу оба варианта.
Вот так назначаем фоновый звук с использованием элемента object
<object data="imagesh/clock.mp3" type="audio/mp3" width=200 height=50>аудио файл в формате mp3</object>
Вставляем на страницу видеоклип:
<object data="imagesh/magic.avi" type="video/avi" width=200 height=200>видеоклип "Magic"</object>
Для вставки видео в HTML, можно воспользоваться тегом img:
<img dynsrc="imagesh/magic.avi" src="imagesh/05.gif" width="180" height="145" start="mouseover">
Атрибут dynsrc содержит имя видео файла, src - имя графического файла, который будет загружен, если, по каким либо причинам, браузер не сможет показать видео файл. Атрибут start указывает, при каком условии начинать воспроизведение: mouseover - только тогда, когда пользователь подвел курсор к изображению.
Так можно внедрить видеоклип в формате mpg. Причем должны быть прописаны условия как для type, так и для codetype, только тогда будет работать и звук и видеоряд:
<object data="imagesh/mentos.mpg" type="application/mpeg" codetype="video/quicktime" width=200 height=200 align=center>видеофайл в формате mpg</object>
Разрешается вкладывать несколько тегов <object> с разным содержанием друг в друга. Это позволяет отображать тот контент, который понимает браузер, если нужный плагин отсутствует. Например, внешний тег <object> загружает видеофайл, а для случая, когда соответствующий кодек (программа для сжатия и восстановления видеоданных) не установлен, внутренний тег <object> показывает графическое изображение. Дополнительно внутрь контейнера <object> можно поместить тег <param>, который определяет дополнительные параметры для отображения объекта:
<object data="images/1.mpg" type="video/x-mpeg"><object data="images/alphabet.mp3" type="audio/x-mp3">
<object data="images/24.jpg" type="image/jpg">
<object data="images/cat.gif" type="image/gif"> здесь должен быть видеоклип</object></object></object> </object>
Браузеры, совместимые с HTML 4.0, интерпретируют теги <object>, однако старые браузеры могут этого не делать. Для обратной совместимости можно попробовать включить в элемент object теги для конкретных типов мультимедиа. Такие теги должны следовать сразу за тегом <object>. В следующем примере, если браузер не понимает тег <object>, он попытается использовать тег <embed>:
<object data="images/magic.avi">
<embed src=images/magic.avi>
</object>
Элемент <embed> поддерживает звуковые файлы с расширениями mid, wav, mp3, au, видео файлы avi, mov. и может иметь следующие атрибуты:
Для тега <object> возможно использование таких атрибутов, как align= (со значениями top, middle, bottom, left, right), width=, height=, hspace=, vspace=. Все эти атрибуты знакомы по тегу <img>. Атрибут data= определяет файл - источник, а атрибут type= - его тип (формат).
Некоторые приложения и внедряемые элементы (например ActiveX) требуют передачи им дополнительных параметров для управления отображением или воспроизведения объекта. Передача параметров осуществляется посредством тега <param> со следующими атрибутами:
name - имя параметра;
value - значение параметра.
При передаче нескольких параметров необходимо использовать столько тегов , сколько необходимо передать параметров.
Вставляем Flash. Тоже перестраховываемся. Пишем такую конструкцию:
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/
cabs/flash/swflash.cab#version=6,0,0,0" width="300" height="220">
<param name="movie" value="imagesh/hello.swf">
<param name="quality" value="high">
<param name="scale" value="exactfit">
<param name="bgcolor" value="#FFFFFF">
<embed src="imagesh/hello.swf" width="300" height="220"
type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed>
</object>
Тэг <object> содержит главный параметр - classid, который указывает на Flash-проигрыватель (элемент управления ActiveX). Параметр codebase указывает, где в сети взять Flash-проигрыватель, если он не установлен. Параметры объекта записываются в тэге <param>. Параметр movie содержит имя .swf файла, wmode - определяет, каким будет фон ролика. В частности, значение transparent задает прозрачность фона. Параметр quality - указывает на качество воспроизведения.