Мультимедийные компоненты сайта

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

Графические:

SVG.

PNG.

WebCGM.

SVG (от англ. Scalable Vector Graphics — масштабируемая векторная графика) — язык разметки масштабируемой векторной графики, созданный Консорциумом Всемирной паутины (W3C) и входящий в подмножество расширяемого языка разметки XML, предназначен для описания двумерной векторной и смешанной векторно/растровой графики в формате XML. Поддерживает как неподвижную, так и анимированную интерактивную графику — или, в иных терминах, декларативную и скриптовую. Не поддерживает описание трёхмерных объектов (не путать с имитацией трёхмерности путём светотени).

Возможности языка.

Описание путей (англ. path). Позволяет задать любую фигуру компактной строкой, описывающей путь от начальной точки до конечной через любые промежуточные координаты. Строка с данными задаётся атрибутом d тега path и содержит команды, закодированные набором букв и чисел. Буква определяет тип команды, числа — её параметры (чаще всего — координаты). Команды позволяют описывать фигуры, состоящие из отрезков прямых (L, H, V), кривых Безье (C, S, Q, T) и дуг (A). Пример, описывающий звезду из 5 линий, содержит строку данных с командами M (англ. moveto — переместить) и L (англ. lineto — нарисовать линию), содержащими в качестве аргументов координаты точек по X и Y.

Описание основных геометрических фигур (многоугольники, прямоугольники, окружности и т. п.).

Широкий спектр визуальных свойств, которые можно применить к фигурам и путям: окраска, прозрачность, скругление углов и т. д.

Интерактивность. На каждый отдельный элемент и на целое изображение можно повесить обработчик событий (клик, перемещение, нажатие клавиши и т. д), таким образом, пользователь может управлять рисунком (например — перемещать мышкой некоторые элементы).

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

PNG (англ. portable network graphics, сокращение произносится по-английски /p??/) — растровый формат хранения графической информации, использующий сжатие без потерь по алгоритму Deflate. PNG был создан как свободный формат для замены GIF.

Существует одна особенность GIF, которая в PNG не реализована — поддержка множественного изображения, особенно анимации; PNG изначально был предназначен лишь для хранения одного изображения в одном файле.

Для передачи анимированных изображений был разработан расширенный формат MNG, опубликованный в середине 1999 года и уже поддерживаемый в различных приложениях, однако пока так и не ставший общепринятым.

Аудио и Видео.

SMIL.

Timed Text.

HTML.

Web Real Time Communication.

Audio.

Web and TV.

SMIL (рекомендованное произношение: [sma?l] «смайл») (The Synchronized Multimedia Integration Language) — язык разметки для создания интерактивных мультимедийных презентаций. Является рекомендацией консорциума Всемирной паутины.

SMIL описывает разметку для временной синхронизации, размещения, анимаций, визуальных преобразований и многих других аспектов. Одной из областей применения SMIL является создание слайдшоу для презентаций. Также технология SMIL позволяет демонстрировать многие типы файлов, такие как текст, видео и аудио. SMIL похож на HTML тем, что выполнен на основе XML и позволяет включать в себя ссылки на другие презентации SMIL, а также кнопки, такие как «Старт», «Стоп» и др.

Timed Text — язык на основе XML, описывающий представление текста, синхронизированного с видео или аудио.

Типичные применения Timed Text — субтитры на других языках или для людей, не владеющих аудио-устройствами, для людей с ограниченным слухом, караоке, бегущие строки, и т. п.

Timed Text для фильмов в формате MPEG-4 и для мобильных телефонов описан в MPEG-4 Part 17 и в RFC 3839.

Проблема разработки текста с привязкой по времени возникла во время разработки спецификации SMIL 2.0. На данный момент существует множество несовместимых форматов для субтитров. Это означает, что во время создания SMIL-презентации текстовая составляющая оказывается привязана к определенной среде воспроизведения. Кроме того, сообщество по доступности опирается на субтитры для создания аудиовизуального контента, доступного людям с ограниченным слухом. Отсутствие переносимого формата делает и так недешёвое создание субтитров еще более дорогим.