HTML. Мультимедіа

Курс по основам HTML | CSS. W3Schools українською. Уроки для початківців



Мультимедіа в Інтернеті - це звук, музика, відео, фільми та анімація.


Що таке мультимедіа?

Мультимедіа поставляється в різних форматах. Це може бути майже все, що можна почути або побачити.

Приклади: зображення, музика, звук, відео, записи, фільми, анімація тощо.

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

У цьому розділі ви дізнаєтеся про різні мультимедійні формати.


Підтримка браузерами

Перші веб-браузери підтримували лише текст, обмежуючись одним шрифтом одного кольору.

Пізніше з'явилися браузери з підтримкою кольорів і шрифтів і зображень!

Основні браузери обробляють аудіо, відео та анімацію по-різному. Підтримуються різні формати, а для деяких форматів потрібні додаткові допоміжні програми (плагіни) для роботи.

Сподіваємося, що це стане історією. Мультимедійні технології HTML5 обіцяють легше майбутнє для мультимедіа.


Формати мультимедіа

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

Найпоширенішим способом виявлення типу файлу є перегляд розширення файлу.

Мультимедійні файли мають такі формати та різні розширення: .swf, .wav, .mp3, .mp4, .mpg, .wmv, and .avi.


Загальні формати відео

Videoformats MP4 є новим і наступним форматом для інтернет-відео.

MP4 рекомендується сайтом YouTube.

MP4 підтримується Flash плеєрами.

MP4 підтримується в HTML5.
Формат File Опис
MPEG .mpg
.mpeg
MPEG. Розроблено Moving Pictures Expert Group. Перший популярний відеоформат в Інтернеті. Використовувався для підтримки всіх веб-браузерів, але не підтримується в HTML5 (див. MP4).
AVI .avi AVI (Audio Video Interleave). Розроблено компанією Microsoft. Зазвичай використовується у відеокамерах та телевізійному обладнанні. Відмінно відтворюється на комп'ютерах Windows, але не у веб-браузерах.
WMV .wmv WMV (Windows Media Video). Розроблено компанією Microsoft. Зазвичай використовується у відеокамерах та телевізійному обладнанні. Відмінно відтворюється на комп'ютерах Windows, але не у веб-браузерах.
QuickTime .mov QuickTime. Розроблено Apple. Зазвичай використовується у відеокамерах та телевізійному обладнанні. Відмінно відтворюється на комп'ютерах Apple, але не у веб-браузерах. (див. MP4)
RealVideo .rm
.ram
RealVideo. Розроблено Real Media, що дозволяє здійснювати потокове відео з низькою пропускною здатністю. Він як і раніше використовується для онлайн-відео та інтернет-телебачення, але не відтворюється у веб-браузерах.
Flash .swf
.flv
Flash. Розроблено компанією Macromedia. Часто потрібно мати додатковий компонент (плагін) для відтворення у веб-браузерах.
Ogg .ogg Theora Ogg. Розроблено Xiph.Org Foundation. Підтримується в HTML5.
WebM .webm WebM. Розроблено веб-гігантами Mozilla, Opera, Adobe і Google. Підтримується в HTML5.
MPEG-4
або MP4
.mp4 MP4. Розроблено Moving Pictures Expert Group. На основі QuickTime. Зазвичай використовується в нових відеокамерах і телевізійному обладнанні. Підтримуються всіма браузерами HTML5. Рекомендовано YouTube.

Тільки відео в форматах MP4, WebM і Ogg підтримуються стандартом HTML5.


Audio Formats

MP3 - найновіший формат для записаної музики. Термін MP3 став синонімом цифрової музики.

Якщо на вашому веб-сайті розміщується записана музика, найкращий вибір - це MP3.

Формат Файл Опис
MIDI .mid
.midi
MIDI (від анг. Musical Instrument Digital Interface - цифровий інтерфейс музичних інструментів). Головний формат для всіх електронних музичних пристроїв, таких як синтезатори і звукові карти ПК. Файли MIDI не містять звуку, а цифрові нотатки, які можуть відтворюватися електронікою. Відмінно відтворюється на всіх комп'ютерах та музичних пристроях, але не у веб-браузерах.
RealAudio .rm
.ram
RealAudio. Розроблено Real Media, дозволяє передавати аудіо з низькою пропускною здатністю. Не відтворюється у веб-браузерах.
WMA .wma WMA (Windows Media Audio). Розроблено компанією Microsoft. Зазвичай використовується в музичних плеєрах. Відмінно відтворюється на комп'ютерах Windows, але не в веб-браузерах.
AAC .aac AAC (Advanced Audio Coding). Розроблено компанією Apple як стандартний формат для iTunes. Відмінно відтворюється на комп'ютерах Apple, але не у веб-браузерах.
WAV .wav WAV. Розроблено IBM і Microsoft. Відмінно відтворюється в операційних системах Windows, Macintosh і Linux. Підтримується HTML5.
Ogg .ogg Ogg. Розроблено Xiph.Org Foundation. Підтримується в HTML5.
MP3 .mp3 Файли MP3 - це звукова частина файлів MPEG. MP3 - найпопулярніший формат для музичних плеєрів. Поєднує в собі гарне стиснення (малі файли) з високою якістю. Підтримуються всіма браузерами.
MP4 .mp4 MP4 є відеоформатом, але також може використовуватися для аудіо. MP4 відео - це новий формат відео в Інтернеті, який вже стає основним. Це призводить до автоматичної підтримки MP4 аудіо у всіх браузерах.

Стандарт HTML підтримує лише аудіофайли MP3, WAV та Ogg.



warning

Не викладайте свій код безпосередньо в коментарях, він відображається некоректно. Скористайтесь такими сервісами, як jsfiddle.net, codepen.io, liveweave.com, jsbin.com, збережіть код на будь-якому з цих сервісів і в коментарях дайте на нього посилання. Так буде видно і код, і результат.