Мультимедіа на вебсторінках

Опрацюйте теоретичний матеріал:

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

Мультимедіа - комп’ютеризована технологія, що об’єднує роботу зі всіма джерелами даних, засіб подання різних видів інформації у цифровому вигляді.

Слід зазначити, що всі дані, надіслані мережею, позначаються певними назвами, які однозначно вказують їх тип, - так званими MIME (Multipurpose Internet Mail Extensions, багатоцільові розширення пошти Інтернету).

Тип MIME привласнює даним та сама програма, що їх і надсилає, наприклад веб-сервер (приклад). А браузер (тобто програма, яка їх отримує) визначає за типом MIME цих даних, чи підтримувати цей тип даних, і якщо так, що саме з ними робити.

Звукові файли мають розширення .wav, .au, .aif та ін.

Фільми у форматі QuickTime мають розширення .qt або .mov, відео від Microsoft (Microsoft Video for Windows) - .avi (Audio Video Interface). mpeg - відеофайли (.mpg або .mpeg) у цьому форматі зазвичай мають великий розмір, забезпечують високу якість відео, формат mpeg-4 дуже часто використовується при програванні відеофайлів оnline.

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

Не слід забувати, що різні браузери підтримують різні формати файлів.

HTML5-відео - стандарт для розміщення мультимедійних файлів у мережі з оригінальним програмним інтерфейсом без залучення додаткових модулів. За допомогою елемента <video> з’явилася можливість додавати відеовміст на веб-сторінки, а також стилізувати зовнішній вигляд відеоплеєра за допомогою css-стилів.

Для відображення на сторінці відеозапису необхідно використовувати тег <video>, у якому використовується тег <source>, що має обов’язковий атрибут src, який визначає адресу відео.

Виконайте інтерактивні вправи.

Скріни виконаних вправ прикріпіть до цього завдання (2 вправи=2 скріни)