• Гідрологія і Гідрометрія
• Господарське право
• Економіка будівництва
• Економіка природокористування
• Економічна теорія
• Земельне право
• Історія України
• Кримінально виконавче право
• Медична радіологія
• Методи аналізу
• Міжнародне приватне право
• Міжнародний маркетинг
• Основи екології
• Предмет Політологія
• Соціальне страхування
• Технічні засоби організації дорожнього руху
• Товарознавство продовольчих товарів

Впровадження мультимедійних елементів

Практичне заняття № 9-10

ТЕМА: Підтримка інформаційних мультимедиа потоків

ЦІЛЬ: Познайомитися зі сполученням веб-сторінок і мультимедійних елементів

ЗНАТИ: Структуру HTML документа, основні елементи мови JavaScript.

УМІТИ: Компонувати текстову інформацію при створенні гіпертекстових документів з використанням простих текстових редакторів.

Теоретичні відомості:

Додавання гіперпосилань

Гипермедиа-Посилання мало чим відрізняється від звичайного гіперпосилання. Але одна відмінність можна знайти: вона вказує не на документ, що відображається у вікні браузера, а на якийсь файл. Браузер повинен розпізнати його й завантажити відповідний допоміжний додаток. Останнє й виводить мультимедійний файл у належному виді.

Гипермедиа-Посилання виглядають зовсім так само, як і будь-які інші. Усередині якоря може втримуватися текст, активне зображення, посилання може являти собою й гарячою зоною карти посилань. Не слід забувати, що вводити потрібно URL не HTML-Документа, а якогось файлу. Різниці невелика. От приклади посилання на звуковий файл у форматі МРЗ:

Коли користувачі клацає на посиланні, файл завантажується на його комп'ютер. Після цього браузер повинен запустити той додаток, що асоційовано з даним форматом. Якщо такого додатка немає або воно не настроєно, можна просто зберегти файл на жорсткому диску для майбутнього використання.

Існує ряди форматів, які більшість браузерів можуть обробляти:

· Графічні, наприклад .GIF, JPEG і .PNG. Всі вони обговорювалися раніше.

· Звукові, зокрема .MIDI і .WAV. Звичайно вони використовуються для створення фонового озвучування сайтів.

· Звичайний текст із розширенням .ТХТ.

Коли користувачі клацає на посиланні, тип файлу, зазначений у ній, зіставляється з конфігурацією браузера. Якщо в настроюваннях для якого-небудь типу задано, що повинне запускатися допоміжний додаток або файл повинен бути негайно збережений на диску, то відповідна дія й виробляється. Якщо ж даному формату нічого не зіставлене, з'явиться діалогове вікно, у якому браузер буде запитувати, що робити з файлом далі.

Впровадження мультимедійних елементів

Іншим підходом до включення мультимедиа у свої сторінки є безпосереднє впровадження елементів. Це сильно нагадує додавання зображень за допомогою елемента <img />. У загальному випадку впровадження означає резервування місця на сторінці під включається элемент, що, з метою його подальшої обробки плагином. Останній відповідає за його відтворення.

Проблема полягає в тому, що весь механізм роботи із плагинами не є сумісним зі строгим XHTML. Застосовується створений компаніями Netscape і елемент, що одержав широке поширення, <embed>. Якщо він зустрічається на вашій сторінці, подбайте про те, щоб у її початку був зазначений DTD для перехідного XHTML.

У принципі, <embed> - це щось начебто <img />. Він складається з імен елемента, що включається, його URL і, при бажанні, розмірів резервируемого вікна.

Наприклад: <embed name="Moviel" src="moviel.mov" width="240" height="120" pluginspage="http:// www.apple.com/quicktime/download/"> </embed>

Як видно, в <embed> є атрибут name, що дуже корисно при використанні JavaScript, а також атрибути, що задають висоту й ширину. Все це нагадує елемент <img>, щоправда, в <embed> повинен бути ще й закриваючий тег. Але ця подібність обманчиво хоча б тому, що кожний" плагин дозволяє задавати власні атрибути елемента <embed>, які не є стандартними для XHTML, але зате визначають різні режими програвання мультимедиа.

Тим часом є й цілком легальний з погляду XHTML елемент, яким дає можливість якось працювати із плагинами. Це контейнер <object>. Пізніше ви побачите, що він найчастіше використовується для Java-Апплетов, але допомагає реалізовувати й інші можливості впровадження. Наприклад, можна впроваджувати один HTML-Документ в іншій, вийде щось начебто внутрірядкового фрейму (елемент <i f rame> описаний у главі 12). Елемент <object> трохи складніше описаного вище <embed>, однак деякі приклади його використання ви побачите вже в найближчих параграфах.

Internet Explorer 5.5 і наступні версії не мають підтримки елемента <embed>, зобов'язуючи веб-авторів використовувати <object>. Щоб впровадити мультимедійний елемент, тепер потрібно застосовувати елемент <object>, далі ми обговоримо його докладніше.

Переглядів: 303