Публикация графики Flash на веб-странице

Понятие о внедренных элементах

Начнем с того, что изначально Всемирная сеть WWW была исключительно текстовой. И потому язык HTML, на котором пишутся веб-страницы, имел средства для вывода только текстовой информации. Таблиц, рисунков и тем более звуков и фильмов веб-страницы в то время не содержали. При дальнейшем развитии Интернета, разработчики HTML снабдили его поддержкой графики. Проблема была решена с помощью тега <IMG>, в атрибуте SRC которого указывался URL-адрес файла, содержащего изображение.

<IMG SRC = "logo.gif">

Прочитав этот тег, веб-браузер получает от веб-сервера файл logo.gif и выводит его содержимое на экран.

Изображение, которое мы помещаем на веб-страницу с помощью тега <IMG>, выглядит чужеродным по отношению к изначально текстовому HTML. Такие элементы хранящиеся в отдельных от самой веб-страницы файлах, называются внедренными элементами.

Точно такими же внедренными элементами являются и фильмы в формате AVI, и звуки в формате WAV, и графика Flash, помещаемые на веб-страницах. Только в их случае используются теги <OBJECT> и <EMBED>.

Оба тега выполняют одну и ту же задачу. Они задают местоположение внедренного элемента на веб-странице и интернет-адрес файла, содержащего данные, необходимые для отображения этого элемента. Различие их состоит лишь в том, что тег <EMBED> объявлен устаревшим и не рекомендован к использованию, а вместо него рекомендуется использовать тег <OBJECT>.

Тег OBJECT

Парные тег <OBJECT>, служит для помещения на веб-страницу компонента ActiveX. В том числе с его помощью можно поместить на веб-страницу встраиваемый проигрыватель Flash, оформленный в виде компонента ActiveX, и загрузить в него нужный файл Shockwave/Flash. Встраиваемый проигрыватель работает совместно с веб-браузером. Также с помощью этого тега можно поместить на веб-страницу проигрыватели Windows Media и QuickTime и загрузить вних фильмы в форматах AVI и QuickTime, звуки в форматах WAV и MIDI и т.д.

Рассмотрим пример использования тега <OBJECT> для помещения на веб-страницу проигрывателя Flash, в котором должен воспроизводиться фильм.

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="550" height="400" id="banner" align="middle">

<param name="movie" value="../../../images/banner.swf">

<param name="play" value="true">

<param name="loop" value="true">

<param name="quality" value= "high">

</object>

В окне веб-браузера это будет выглядеть ТАК.

Внутри тега <OBJECT> помещается набор тегов <PARAM>, с помощью которых задаются различные параметры самого проигрывателя Flash, оформленного в виде компонента ActiveX.

Каждому такому параметру соответствует свой свой тег <PARAM>. Имя параметра задается атрибутом NAME, а значение — атрибутом VALUE.

Рассмотрим приведенный выше код. Мы поместили на веб-страницу проигрыватель Flash, задали файл Shockwave/Flash (параметр "movie"), заставили его воспроизвестись сразуже после загрузки (параметр "play") и зациклили (параметр "loop"). И наконец мы задали качество вывода графики (параметр "quality").

Тег <OBJECT> содержит довольно много атрибутов. С их помощью задаются размеры внедренного компонента ActiveX на веб-странице (атрибуты WIDTH и HEIGHT) и интернет-адрес его дистрибутива (атрибут CODEBASE). Если нужный компонент на клиентский компьютер не установлен, веб-браузер сможет самостоятельно загрузить и установить его.

Тег <OBJECT> поддерживается веб-браузерами Internet Explorer, начиная с версии 3.0, а также Opera, Mozillla, Firefox, Apple Safari.

Предполагается, что тег <OBJECT> со временем заменит собой все остальные теги, предназначенные для помещения на веб-страницы внедренных элементов, в том числе и тег <IMG>.

Тег EMBED

Парный тег EMBED, служит для помещения на веб-страницу модуля расширения веб-браузера. В том числе с его помощью можно поместить на веб-страницу встраиваемый проигрыватель Flash, оформленный в видже модуля расширения, и загрузить в него нужный файл Shockwave/Flash .

Рассмотрим пример использования тега EMBED.

<embed src="../../../images/banner.swf" width="550" height="400" play ="true" loop="true" quality="high" pluginpage="http://www.macromedia.com/go/getflashplayer">
</embed>

В окне веб-браузера это будет выглядеть ТАК.

В отличие от тега <OBJECT>, здесь все необходимые параметры задаются в атрибутах самого тега <EMBED>. В них указываются размеры внедренного модуля на веб-странице (атрибуты WIDTH и HEIGHT), имя файла Shockwave/Flash (атрибут SRC), путь к дистрибутиву модуля расширения (атрибут PLUGINSPAGE) и качество воспроизведения (атрибут QUALITY). Никакие дополнительные теги в этом случае не нужны.

В настоящее время тег не рекомендован к использованию, но поддерживается до сих пор. Создаваемые веб-страницы рекомендуются с использованием тега <OBJECT>.

Совместное использование тегов OBJECT и EMBED

На практике для решения проблем совместимости веб-браузеров теги <OBJECT> и <EMBED> используются совместно.

Рассмотрим пример совместного использования тегов.

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="550" height="400" id="banner" align="middle">
<param name="movie" value="../../../images/banner.swf">
<param name="play" value="true">
<param name="loop" value="true">
<param name="quality" value= "high">
<embed src="../../../images/banner.swf" width="550" height="400" play ="true" loop="true" quality="high" pluginpage="http://www.macromedia.com/go/getflashplayer">
</embed>
</object>

В окне веб-браузера это будет выглядеть ТАК.

В этом случае тег <EMBED> вложен внутрь тега <OBJECT> вместе с набором тегов <PARAM>.

Если клиент использует современный веб-браузер, то веб-обозреватель считывает тег <OBJECT>, затем теги <PARAM>, загружает компонент ActiveX, файл фильма и выводит его на экран. Тег <EMBED> вложенный внутрь тега <OBJECT>, в этом случае игнорируется.

Если же клиент использует более старые версии веб-браузера, то теги <OBJECT> и <PARAM> игнорируются, а обрабатывается тег <EMBED>.




  • Другие |

Похожие материалы по теме: Вставка Flash-документов. Вставка звука и видео

назадвверхвперед
Rambler's Top100