вставка мультимедіа

вставка мультимедіа

Засоби мови HTML дозволяють вставляти на Web-сторінку такі об'єкти мультимедіа, як аудіофайли, флеш - кліпи, Java-аплети і відео.

Аудіофайли на сторінках Web

Якщо Ваш сайт буде мати музичну спрямованість, то без них Ви не обійдетеся. Аудіофайли можна відтворювати безпосередньо в браузері. Щоб додати аудіо в код сторінки використовується тег <EMBED>, який має такі атрибути:

  • SRC - вказує адресу і ім'я файлу для відтворення. (Вказується завжди)
  • WIDTH і HEIGHT - габарити панелі управління. (Вказується завжди)
  • ALIGN - вирівнювання панелі управління (знач.-left, right, center, top, baseline (базов. Лін.)
  • AUTOLOAD - завантаження файлу (знач. - True-автозавантаження; false - без завантаження)
  • AUTOSTART - відтворення (знач. - True-авто; false-за активації кнопки "Play"
  • VOLUME - гучність в%
  • CONTROLS - вид елементів панелі (знач.-console-повний; small-console - компактний)
  • STARTTIME - таймер часу початку відтворення файлу
  • ENDTIME - таймер часу закінчення відтворення файлу
  • CONSOLE - зберігає параметри панелі управління

Всі браузери розуміють аудіофайли форматів: WAV, AIFF, AU і MIDI. Для інших файлів використовуються вже програвачі, зокрема такий поширений на сьогоднішній день формат RAW програє RealAudio (з хорошим якості, та ще в реальному часі).

Вкладення Flash - файлів

Сьогодні Flash-технології диктують моду в створенні сайтів. Так, так на основі їх можна створювати цілі сайти. При цьому розмір сторінок буде не набагато більшим, ніж традиційним способом. Код такої сторінки великий, чого не скажеш про окремі флеш - файли. Під словом "Flash-файли" тут слід розуміти не тільки банери (застосовувані частіше на Web-сторінках), а й повноцінні кліпи зі звуком. За розширенням їх потрібно розділити на два типи перший .fla, призначення яких - створення анімації і другий тип .swf - розроблений спеціально для Інтернету. Раз ми з Вами мова ведемо про сайтах, то говорити будемо про другий тип.

Флеш - файли мають таку особливість - ще на стадії їх розробки включається можливість автоматичної генерації в HTML-код, який досить вкласти в потрібне місце сторінки. Однак при поправки будь-яких параметрів кліпу на самій сторінці доцільніше зробити це в коді сторінки, ніж переробляти його в Flash-редакторі. Тому Вам все ж знадобиться знати цю інформацію.

При генерації вихідного Flash - файлу в HTML-код використовується тег <OBJECT> з атрибутами і його значеннями наведеними нижче:

  • WIDTH і HEIGHT - ширина і висота кліпу на сторінці (px)
  • ALIGN - спосіб вирівнювання з звичайними для нього значеннями
  • CODEBASE - адреса в Інтернеті звідки буде проводиться завантаження програвача
  • CLASSID - передача управління компонентам Active X, в значеннях якого завжди вказується: clsid: D27CDB6E-AE6D-11cf-96B8-444553540000

Інші характеристики кліпу описуються в тегах <EMBER> (Атрібі. - Src (адреса кліпу), quaity (якість), type (тип файлу), pluginspace (адреса програвача)) і <PARAM>, які поміщаються в контейнер <OBJECT>. Тег <PARAM> має атрибут NAME. Останній має наступні значення:

  • movie - адреса та ім'я Flash-файлу (пишуться через "/")
  • quality - якість відображення кліпу (low, autolow, high, autohigh, best)
  • bgcolor - колір фону кліпу
  • wmode - спосіб відображення кліпу (window-вікно, transparent і opaque-шари сторінки)
  • scale - масштабування кліпу (exactfit -показує масштаб, show-all - без змін)
  • salign - вирівнювання щодо елементи таблиці в яку вставляється кліп. (L-зліва; r-праворуч; t-верх; b-низ; tl-угорі ліворуч; b-внизу зліва; tr-вгорі праворуч; br-внизу праворуч)
  • menu - вид меню (true-повністю; false -в скороченому варіанті)
  • play - відтворення кліпу на сторінці (true -автоматичне; false -примусове)
  • loop - циклічність (true нескінченності цикл; false -один цикл)

Код Flash -кліпа на сторінці може виглядати приблизно так:

<OBJECT classid = "clsid: D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase = "http://download.macromedia.com/pub/shockwave/ cabs / flash / swflash. cab # version = 6,0,29,0" width = "468" height = "60">
<PARAM name = "movie" value = "адреса / ім'я кліпу">
<PARAM name = "quality" value = "high">
<EMBED src = "адреса / ім'я кліпу"

QUALITY = "high" PLUGINSPAGE = "http://www.macromedia.com/go/getflashplayer"
TYPE = "application / x-shockwave-flash" width = "468" height = "60"> </ EMBED>
</ OBJECT>

Знаючи кожен параметри HTML-коду кліпу можна легко змінювати відображення його на екрані.

Застосування Java - аплетів на сторінках Web

Java-апплетами називаються невеликі прикладні програми написані на мові програмування Java, які складаються з двох частин - файлу аплету з розширенням .class і розміщеним на сторінці HTML-кодом. Поміщають на сторінку Java-аплети за таким же принципом, що і флеш - файли з тією лише різницею, що замість тегів <OBJECT> і <EMBER> застосовується тег <APPLET>, який має на ряду з загальними (CODEBASE, WIDTH, HEIGHT, ALIGN і NAME) та інші атрибути:

  • CODE - вказує на ім'я файлу аплету (.class)
  • HSPACE і VSPACE - відступ від сусідніх елементів сторінки
  • ALT - коментарі до аплету

Опублікування відео в Інтернеті

Приміщення відеофайлів на саму сторінку застосовується дуже рідко через їх великих обсягів, але все ж якщо це робиться то за принципом Flash-файлів . Найчастіше застосовується метод: коли на відеофайл, що знаходиться на сервері, робиться звичайне посилання. Відеофайл при цьому гойдається в буфер, а потім відтворюється в програвачі при наявності в ньому відповідного кодека. Щоб вирішити проблему їх сумісності застосовуйте найпоширеніші на сьогоднішній день формати: AVI, MOV, MPEG-4.

Застосуйте всю вищевказану інформацію на практиці.