Веб-разработчики давно хотели использовать видео и аудио в Интернете, начиная с начала 2000-х годов, когда у нас появилась достаточно высокая пропускная способность для поддержки любого типа видео (видеофайлы намного больше, чем текст или даже изображения). В первые дни нативные веб-технологии, такие как HTML, не имели возможности встраивать видео и аудио в Интернет, поэтому проприетарные (или основанные на плагинах) технологии, такие как Flash (а позже и Silverlight), стали популярными для обработки такого контента. Такая технология работала нормально, но у нее был ряд проблем, в том числе неадекватная работа с функциями HTML / CSS, проблемы безопасности и проблемы доступности.

Нативное решение решит большую часть этого, если оно будет реализовано правильно. К счастью, несколько лет спустя в спецификацию HTML5 были добавлены такие функции, с элементами <video> и <audio> и некоторыми блестящими новыми API-интерфейсами JavaScript для управления ими. Мы не будем здесь рассматривать JavaScript - просто основные основы, которые могут быть достигнуты с помощью HTML.

Мы не будем учить вас, как создавать аудио и видео файлы - это требует совершенно другого набора навыков. Мы предоставили вам образцы аудио- и видеофайлов и пример кода для ваших собственных экспериментов, на случай, если вы не сможете получить свои собственные.

Во-первых, давайте быстро пройдемся по терминологии. Форматы, такие как MP3, MP4 и WebM, называются контейнерными форматами. Они определяют структуру, в которой хранятся каждая аудио- и / или видеодорожка, составляющая медиа, вместе с метаданными, описывающими медиа, какие кодеки используются для кодирования его каналов и т. Д.

Файл WebM, содержащий фильм, в котором есть основная видео дорожка и одна альтернативная угловая дорожка, а также аудио для английского и испанского языков, в дополнение к аудио для английской дорожки комментариев, может быть концептуализирован как показано на диаграмме ниже. Также включены текстовые дорожки, содержащие закрытые подписи для художественного фильма, испанские субтитры для фильма и английские подписи для комментариев.



Дата: 06.03.2020.