Інформатика

Тема уроку: “Розміщення та відтворення на веб-сторінках мультимедійних даних. Формати аудіо- та відеофайлів”

Прочитай

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

Розміщення та відтворення на веб-сторінках мультимедійних даних.

Для програвання звукових файлів на комп’ютері повинна бути встановлена звукова карта та програма для відтворення звуку.

Створення фонового звучання. Тег <BGSOUND> задає фонові звуки чи музику при перегляді документу (аудіо- об’єкти повинні мати такі розширення: .mp3,.WAV, .AU, MIDI). Інші параметри задаються атрибутами даного тега:

src==”URL адреса аудіо-об’єкта”;

LOOP=n

Визначає частоту програвання відео- кліпу (скільки разів). Якщо n=-1, або LOOP=INFINITE, то кліп програється безперервно.

Створення посилань на аудіо-файл. Вставити необхідний аудіо-файл можна за допомогою текстових чи графічних гіперпосилань.

Приклад вставки аудіо- об’єкта за допомогою текстового гіперпосилання:

<a href=”audio.mp3″>Музика</a>

Приклад вставки аудіо- об’єкта за допомогою графічного гіперпосилання:

<a href=”audio.mp3″> <img src=”img/animacia.gif” align=”right” HSPACE=30 VSPACE=5 Alt=”Музика”> </a>

Вставка на веб-сторінку відео- об’єктів.

Якщо, наприклад, у поточній папці є файл кліпу school.avi, то посилання на нього можна задати так:

<А HREF=”school.avi”>Biдeoклiп про школу (600 К)</А>

Після клацання мишею гіперпосилання та надання дозволу на відкривання файлу з’явиться вікно програвача для відтворення цього відеокліпу.

Атрибут DYNSRC тегу <IMG> дає змогу вбудовувати відео у такий спосіб: на веб-сторінці міститься картинка, після наведення на яку вказівника миші починається відтворення відеокліпу. Ось зразок такого тегу:

<IMG SRC = ” l.jpg ” DYNSRC=”video.avi” START=MOUSEOVER L00P=7>

Розглянемо приклад розміщення звукового файлу audio.wav за допомогою тегу <EMBED>, який дає змогу розмістити на веб-сторінці спеціальну панель програвача мультимедійних файлів. Для цього використовують теги <EMBED SRC=. . .></EMBED>, наприклад, так:

<EMBED SRC=”audio.wav”></EMBED>

Файл audio.wav у цьому прикладі має бути збережений у поточній папці (тій самій, що й HTML-документ).

Тег <EMBED> може мати такі атрибути:

• SRC (значення — URL-адреса) — адреса кліпу;

• ALIGN (набуває значень l e f t , right, top, middle, bottom) — вирівнювання панелі програвача щодо тексту;

• WIDTH (у пікселах) — ширина програвача;

• HEIGHT (у пікселах) — висота програвача;

• AUTOSTART (набуває значень true або false) — настроювання автоматичного запуску після завантаження;

• REPEAT (значення true або false) — настроювання повторного програвання;

• PLAY_LOOP — кількість повторень;

• HIDDEN (значення true або false) — показати або приховати панель.

Приклад використання тегу <EMBED>:

<EMBED SRC=”filename.avi” WIDTH=”300″ HEIGHT=”160″

AUTOSTART=”true” REPEAT=”false” ALIGN=”left”></EMBED>

Вставлення гіперпосилань на сайт

• Визначаємо місце на сайті, куди буде вставлено гіперпосилання.
• Визначити посилання, яке буде вставлятися на сайт (посилання має бути активним, відповідати тематиці сайту, це може бути посилання на сайти з яких ви брали інформацію для наповнення власного сайту).
• Для створення посилання на сайт, нам потрібно використовувати код:

<A href = “***”> ***** </ А>. Де, замість *** – посилання на сайт у форматі «http: // ….», а замість ***** – текст, під який поміщається гіперпосилання.

• Текст, під яким розміщено гіперпосилання має відповідати темі посилання.
• На вашому сайті буде відображатися не посилання, яке ви вставляєте, а текст, який ви розмістите між тегами.

Виконання практичного завдання!

Завантажити завдання