середа, 15 квітня 2020 р.

МУЛЬТИМЕДІА НА WEB-СТОРІНКАХ (11 кл)

(Нова тема для 11-х класів)


Запишіть у зошити конспект наступного матеріалу:

Тема: Використання мультимедіа на веб-сторінках


Важливо пам'ятати, що звукові файли мають розширення назв au, wav, mid, midi, ra, а відеофайли — avi, vivo, mpeg. Щоб вставити звук чи відео, достатньо як значення параметра HREF у тезі гіперпосилання задати шлях до відповідного звукового чи відеофайлу, який вже є на диску, наприклад:

<А HREF="mysound.wav"> послухайте мене </А>.

Текст «послухайте мене» стане гіперпосиланням, клацнувши на якому можна почути привітання, застереження, деяку інформацію, яка була заздалегідь записана у файл "mysound.wav".
Щоб звуковий чи відеоефект повторювався декілька разів, у тезі <А> використовують параметр LOOP.

Браузер  може завантажувати та відтворювати фоновий звук, для прослуховування якого не потрібно виконувати жодних дій. Звук зберігається у файлі. Для вставлення фонового звуку використовують тег такого формату:

<BGSOUND SRC="URL звукового файлу" LOOP=кількість відтворень>

Атрибут LOOP може набувати значень:
true — повторення звуку доти, доки сторінка відображається на екрані;
false — відтворення звукового файлу один раз;
число — кількість відтворень.

Наприклад: <BGSOUND SRC="fonzvuk.au" LOOP=3>.

У HTML-документах можна також використовувати посилання на звукові та відеофайли, які відтворюватимуться лише у разі вибору цих посилань. Окрім цього, є спеціальний тег для розміщення панелі програвача на сторінці відразу після її завантаження у браузер. Однак слід пам'ятати, що мультимедійні файли можуть бути великими за обсягом, потребувати багато часу для завантаження, тому бажано повідомляти відвідувачів про розміри аудіо- та відео-записів, щоб вони вирішили, чи варто витрачати свій час.
Розглянемо, як розміщують посилання на аудіо- та відеофайли. Якщо, наприклад, у поточній папці є файл кліпу school.avi, то посилання на нього можна задати так:

<А HREF="school.avi"> Biдeoклiп про школу </А>

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

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

<IMG SRC = "picture.jpg" DYNSRC="video.avi" START=MOUSEOVER LOOP=7>

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

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

Файл audio.wav у цьому прикладі має бути збережений у поточній папці (тій самій, що й HTML-документ).
Тег <EMBED> може мати такі атрибути:
SRC (значення — URL-адреса) — адреса кліпу;
ALIGN (набуває значень left , 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>

Інший спосіб розміщення мультимедійного об'єкта на сторінці — це застосування більш універсального тегу <OBJECT>. Наприклад:

<OBJECT DATA="pryklad.rap3" TYPE="audio/wav"></OBJECT>

Атрибут DATA задає URL-адресу відтворюваного файлу, атрибут TYPE визначає його формат. Для тегу <OBJECT> можна використовувати ще такі атрибути:
ALIGN — вирівнювання відносно тексту;
WIDTH — ширина;
HEIGHT — висота;
HSPACE — відступ по горизонталі;
VSPACE — відступ по вертикалі.
Як і в попередньому прикладі, об'єкт можна бачити на екрані зазвичай у вигляді вбудованого програвача з елементами керування.




Немає коментарів:

Дописати коментар