worldwide open-source software - software:development:web:docs:web:media

formats

anonymous@undisclosed.example.com (Anonymous) — Tue, 22 Aug 2023 17:21:38 +0000

Руководство по типам и форматам мультимедиа: изображения, аудио и видеоконтент

С самого начала Интернет включал поддержку той или иной формы визуального медиа-презентации. Первоначально эти возможности были ограничены и постепенно расширялись: разные браузеры находили свои собственные решения проблем, связанных с размещением неподвижных и видеоизображений в Интернете. Современная сеть имеет мощные функции для поддержки представления и манипулирования медиа, а несколько API-интерфейсов, связанных с медиа, поддерживают различные типы контента. Как правило, форматы мультимедиа, поддерживаемые браузером, полностью зависят от создателей браузера, что может усложнить работу веб-разработчика.

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

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

Типы медиафайлов и кодеки Медиа-контейнеры (типы файлов) Руководство по типам файлов, содержащих мультимедийные данные. Некоторые из них предназначены для аудио, а другие могут использоваться как для аудио, так и для комбинированного аудиовизуального контента, например фильмов. Включает обзоры каждого типа файлов, поддерживаемых основными веб-браузерами, а также информацию о поддержке браузера и поддерживаемых функциях.

Руководство по веб-аудиокодеку Руководство по аудиокодекам, поддерживаемым обычными медиаконтейнерами, а также основными браузерами. Включает преимущества, ограничения, ключевые характеристики и возможности, а также варианты использования. Он также охватывает поддержку каждого браузера для использования кодека в определенных контейнерах.

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

Кодеки в распространенных типах мультимедиа При указании типа MIME, описывающего формат мультимедиа, вы можете предоставить подробную информацию, используя параметр codecsкак часть строки типа. В этом руководстве описываются формат и возможные значения параметра codecsдля распространенных типов носителей.

Кодеки, используемые WebRTC WebRTC не использует контейнер, а вместо этого передает сам закодированный медиафайл от однорангового узла к одноранговому, используя MediaStreamTrackобъекты для представления каждой аудио- или видеодорожки. В этом руководстве обсуждаются кодеки, обычно используемые с WebRTC.

Путеводители Концепции Концепции цифрового звука Введение в то, как аудио преобразуется в цифровую форму и сохраняется для использования на компьютерах. В нем объясняются основные понятия о том, как сэмплируется звук, а также такие понятия, как частота дискретизации, аудиокадры и сжатие звука.

Концепции цифрового видео Руководство по фундаментальным понятиям, связанным с цифровым видео, используемым в Интернете, включая основы цветовых форматов, субдискретизации цветности, того, как человеческое восприятие влияет на кодирование видео и т. д.

Учебники и инструкции Обучение: Видео и аудио контент. В этом руководстве рассказывается и подробно описывается использование мультимедиа в Интернете.

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

Другие темы API возможностей мультимедиа API Media Capabilities позволяет вам узнать возможности кодирования и декодирования устройства, на котором работает ваше приложение или сайт. Это позволяет вам в режиме реального времени принимать решения о том, какие форматы использовать и когда.

media

anonymous@undisclosed.example.com (Anonymous) — Mon, 21 Aug 2023 16:50:29 +0000

Технологии веб-медиа

С годами возможности Интернета по представлению, созданию и управлению аудио-, видео- и другими медиаданными росли все более быстрыми темпами. Сегодня доступно большое количество API, а также элементы HTML, интерфейсы DOM и другие функции, которые позволяют не только выполнять эти задачи, но и использовать медиа в тандеме с другими технологиями, чтобы делать действительно замечательные вещи. В этой статье перечислены различные API со ссылками на документацию, которая может оказаться полезной для их освоения.

Рекомендации HTML В этих статьях рассматриваются функции HTML для разработчиков мультимедиа.

<audio> Элемент <audio>используется для воспроизведения звука в веб-контексте. Их можно использовать невидимо в качестве места назначения для более сложных медиафайлов или с видимыми элементами управления для управляемого пользователем воспроизведения аудиофайлов. Доступен из JavaScript как HTMLAudioElementобъекты.

<video> Элемент <video>является конечной точкой для видеоконтента в веб-контексте. Его можно использовать для представления видеофайлов или в качестве места назначения для потокового видеоконтента. <video>также может использоваться как способ связать API-интерфейсы мультимедиа с другими технологиями HTML и DOM, в том числе <canvas>(например, для захвата кадров и манипулирования ими). Доступен из JavaScript как HTMLVideoElementобъекты.

<track> Элемент HTML <track>может быть помещен в элемент <audio>или <video>для предоставления ссылки на субтитр или дорожку субтитров в формате WebVTT , которые будут использоваться при воспроизведении мультимедиа. Доступен из JavaScript как HTMLTrackElementобъекты.

<source> Элемент HTML <source>используется внутри элемента <audio>или <video>для указания исходного мультимедиа для представления. Можно использовать несколько источников для предоставления мультимедиа в разных форматах, размерах или разрешениях. Доступен из JavaScript как HTMLSourceElementобъекты.

API API возможностей мультимедиа API Media Capabilities позволяет определить возможности кодирования и декодирования устройства, на котором работает ваше приложение или сайт. Это позволяет в режиме реального времени принимать решения о том, какие форматы использовать и когда.

Захват мультимедиа и потоки API Справочник по API, который позволяет передавать, записывать и манипулировать мультимедиа как локально, так и по сети. Это включает в себя использование локальных камер и микрофонов для захвата видео, аудио и неподвижных изображений.

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

API записи MediaStream API MediaStream Recording позволяет захватывать медиапотоки для обработки или фильтрации данных или записи их на диск.

API веб-аудио API веб-аудио позволяет генерировать, фильтровать и обрабатывать звуковые данные как в режиме реального времени, так и на предварительно записанном материале, а затем отправлять этот звук в место назначения, например в элемент, медиапоток или на <audio>диск.

WebRTC WebRTC (веб-коммуникация в реальном времени) позволяет передавать потоковое аудио и видео в реальном времени, а также передавать произвольные данные между двумя одноранговыми узлами через Интернет без посредника.

Гиды Использование аудио и видео в HTML Руководство по использованию HTML <audio>и <video>элементов.

Доступные мультимедиа В этом руководстве мы расскажем, как веб-дизайнеры и разработчики могут создавать контент, доступный для людей с разными способностями. Это варьируется от использования altатрибута в <img>элементах до заголовков и пометки мультимедиа для программ чтения с экрана.

Руководство по типам и форматам мультимедиа в Интернете Руководство по типам файлов и кодекам, доступным для изображений, аудио и видео в Интернете. Это включает в себя рекомендации о том, какие форматы использовать для того или иного контента, лучшие практики, в том числе о том, как обеспечить резервные копии и как расставить приоритеты для типов мультимедиа, а также включает общую информацию о поддержке браузера для каждого контейнера мультимедиа и кодека.

Потоковое аудио и видео Руководство, в котором рассказывается о потоковой передаче аудио и видео, а также о методах и технологиях, которые вы можете использовать для обеспечения наилучшего качества и/или производительности ваших потоков.

Руководство по автовоспроизведению для мультимедийных и веб-аудио API Неожиданное автоматическое воспроизведение мультимедиа или аудио может стать неприятным сюрпризом для пользователей. Хотя автозапуск служит определенной цели, его следует использовать осторожно. Чтобы предоставить пользователям контроль над этим, многие браузеры теперь предоставляют формы блокировки автозапуска. Эта статья представляет собой руководство по автозапуску с советами о том, когда и как его использовать, а также о том, как работать с браузерами, чтобы корректно обрабатывать блокировку автозапуска.

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

Другие темы Связанные темы, которые могут представлять интерес, поскольку их можно использовать в тандеме с мультимедийными API интересными способами.

API холста Canvas API позволяет рисовать в <canvas>, манипулируя и изменяя содержимое изображения. Это можно использовать с мультимедиа разными способами, в том числе путем установки <canvas>элемента в качестве места назначения для воспроизведения видео или захвата камеры, чтобы вы могли захватывать видеокадры и управлять ими.

WebGL WebGL предоставляет совместимый с OpenGL ES API поверх существующего Canvas API, что позволяет создавать мощную трехмерную графику в Интернете. Через холст это можно использовать для добавления 3D-изображений к медиаконтенту.

WebXR WebXR, пришедший на смену устаревшему WebVR API, представляет собой технологию, обеспечивающую поддержку создания контента виртуальной реальности (VR) и дополненной реальности (AR). Контент смешанной реальности можно затем отображать на экране устройства или с помощью очков или гарнитуры.

ВебVR Устаревший Web Virtual Reality API поддерживает устройства виртуальной реальности (VR), такие как Oculus Rift или HTC Vive, что позволяет разработчикам преобразовывать положение и движение пользователя в движение внутри 3D-сцены, которая затем представляется на устройстве. WebVR был заменен на WebXR и скоро будет удален из браузеров.