Презентація "Мультимедіа на вебсторінках"

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

Мультимедійні вебресурси. Рівень взаємодії з користувачем - інтерактивний. Текст. Представлення текстової інформації різними мовами. Аудіо. Звуковий супровід дій, як самостійний об’єкт, як фон. Відео. Трансляція відео у прямому ефірі або у запису. Анімація. Мультиплікація – комбінування нерухомих об’єктів задля ілюзії руху

Етапи розміщення мультимедійних об’єктів на сайті

Тип мультимедійних даних

Приклад. Вебсторінка має тип MIME text/html. Графічне зображення формату GIF має тип MIME image/gif. Свої типи MIME мають і мультимедійні файли.

{7 DF18680-E054-41 AD-8 BC1-D1 AEF772440 D}Формат файлів Тип MIME Браузери, якими підтримується. MPEG4 video/mp4 Chrome, Safari (не підтримується Firefox, Opera)OGG, OGA, OGV audio/ogg (для аудіофайлів)video/ogg (для відеофайлів) Chrome, Firefox, Opera. MP4 MP3video/mp4 Audio/mp3 Chrome, Safari. WEBM WAVvideo/webm audio/mpeg. Chrome, Firefox, Opera. Типи MIME-форматів, які підтримуються браузерами

Онлайн-конвертори. Відео у форматі AVI на сайті засобами HTML5 не відтворюється. Його слід конвертувати у формати, які підтримуються браузерами. Можна скористатися онлайн-конверторами

Щоб додати аудіо на вебсторінкуВставка панелі керування. Шлях до файлу. Для адекватного відображення в усіх браузерах в контейнер

Атрибути тега

Приклад використання тега

Щоб додати відео на вебсторінкуШлях до файлу. Вставка панелі керування

Атрибути тега

Приклад використання тега

Вставка відео з You. Tube12

Вставка відео з You. Tube3

Домашнє завдання. Створити вебсторінку, яка повинна містити зображення вашої улюбленої тварини і відео про неї, наприклад так: