Воспроизведение видео с помощью HTML5

Воспроизведение видео с помощью HTML5.

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

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

Но несмотря на все сложности создатели HTML5 наконец представили элемент, предназначенный для вставки видеофайлов в документы HTML и их воспроизведения. Элементу <video> для выполнения своих функций требуются лишь открывающий и закрывающий теги и несколько несложных параметров. Синтаксис чрезвычайно прост, а обязательным является только атрибут src.

<!DOCTYPE html>

<html lang="ru">

<head>

<title>Видеопроигрыватель</title>

</head>

<body>

<section id="player">

<video src="http://minkbooks.com/content/trailer.mp4" controls> </video>

</section>

</body>

</html>

Теоретически кода из листинга 5.1 должно быть достаточно — подчеркиваю теоретически. Однако, как уже упоминалось, в реальной жизни все немного сложнее, чем в проектах. Во-первых, необходимо предоставлять по меньшей мере два файла в разных форматах видео: OGG и MP4. Причина заключается в том, что, хотя элемент <video> стандартизован, стандартного формата видео не существует. Одни браузеры поддерживают одну группу кодеков, другие — другую, и эти группы между собой могут совершенно не пересекаться. Во-вторых, у кодека, используемого в формате MP4 (единственном поддерживаемом такими важными браузерами, как Safari и Internet Explorer), коммерческая лицензия.

Форматы OGG и MP4 представляют собой контейнеры для видео и аудио. OGG включает в себя видеокодек Theora и аудиокодек Vorbis, а MP4 — видеокодек H.264 и аудиокодек AAC. Сейчас OGG поддерживают браузеры Firefox, Google Chrome и Opera, а MP4 работает в Safari, Internet Explorer и Google Chrome.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *