logo
ИНФ

35.Графика и мультимедиа на страницах web

К графическим и мультимедиа объектам, которые можно помещать на WEB страницах, относятся рисунки, фотографии и видео клипы. На WEB страницах допустимо, также, располагать и звуковое сопровождение.

К стандартным форматам графических файлов, которые распознаются всеми интернет браузерами, относятся: JPEG (JPG), GIF и PNG. Формат GIF позволяет создавать анимированные изображения, а формат PNG имеет малый объем графического файла при достаточно высоком качестве изображения.

Формат растровой графики BMP поддерживается не всеми браузерами, поэтому его лучше конвертировать в форматы JPG или GIF при помощи файловых конверторов – IrfanView или ACDSee.

Внедрение графического файла в состав WEB страницы осуществляется с помощью тэга <IMG> с различными параметрами.

Тэги загрузки на WEB страницу файлов мультимедиа:

<IMG DYNSRC=”filename.avi” LOOP=INFINITE LOOPDELAY=4000 ALIGN="RIGHT">

Тэг загрузки и воспроизведения видео файла.

Параметр - LOOP=INFINITE – указывает на то, что воспроизведение видео клипа будет постоянно, без фиксированного числа повторений. Если нужно, чтобы клип повторялся заданное число раз, то вместо значения INFINITE следует указать число повторений.

Параметр LOOPDELAY=4000, говорит о том, что задержка между показами видео роликов будет равна 4 секундам (значение параметра должно задаваться в миллисекундах).

<IMG src="filename.gif" ALT="Этикетка" ALIGN=RIGHT>

Тэг загрузки растровой графики – SRC. Параметр ALT задает надпись (этикетку), которая появляется на картинке, при установке курсора на эту картинку.

<BGSOUND SRC=SOUND.WAW LOOP=2>

Тэг загрузки аудио файлов. Аудио файлы должны иметь формат MIDI или WAV. Параметр LOOP указывает на количество повторений проигрывания музыкального ролика.

lesson 3

<HTML>

<TITLE>Lesson3. Мультимедиа объекты </TITLE>

<BODY BACKGROUND="/images/FON.jpg" TEXT=BLUE SIZE=+2>

<FONT COLOR=RED>

<MARQUEE>

<H2>Загружаем фон (fon.jpg) и внедряем картинки </H2>

</MARQUEE>

</FONT>

<HR>

<IMG src="/images/image.gif" alt="А это я, картинка Image.gif" ALIGN=RIGHT>

Подведите указатель мыши на картинку ---><BR>

и получите подсказку (hint) о картинке.<BR>

<BR><BR><BR>

<FONT COLOR=GREEN>

<IMG src="/images/contact.gif" WIDTH="100" HEIGHT="80" ALIGN="LEFT">

<I><B><-- Эту картинку мы поместили в левой части листа,а сам текст располагается справа от картинки

</I></B>

<BR>

</FONT>

<P>

<IMG DYNsrc="/images/speed.avi" ALIGN=RIGHT CONTROLS>

Посмотрим клип "Speed.avi", взятый автором из стандартной поставки языка программирования Delphi 6 (Фирмы Borland)<BR>

</P>

</BODY>

</HTML>