Веб изменяется: HTML5 и встроенная поддержка медиа

Каждый уважающий себя житель Интернет-пространства, хотя бы краем уха, слышал о HTML5. Будучи новым шагом в стандарте html, HTML5 начал свою работу в 2004 году, и это привнесло много изменений в веб. В этой заметке я расскажу о некоторых медиа новинках в HTML5, которые помогут сделать сайт более интересным.

html5



Поддержка видео

До недавнего времени, проигрывание видео на сайте было далеко не простым делом. В зависимости от сайта, Вам понадобится одна из сторонних программ, чтобы посмотреть видео. Проигрывание трейлера к фильму на одном сайте может потребовать установки Quicktime, тогда как для просмотра видео как собака выполняет паркур необходима установка Adobe Flash.

Хотя большинство такого программного обеспечения легко скачать, необходимость дополнительных программ делает видео менее доступным для большого количества людей. Некоторые из них просто не захотят возиться с установкой дополнительного софта для браузера, а в других случаях программа не будет поддерживаться системой (например, Apple не поддерживает Flash на Ipad и Iphone).
Теперь браузеры могут поддерживать видео по умолчанию, без участия сторонних программ. Новый тэг video позволяет разработчикам указать несколько форматов файла, что даёт возможность воспроизведения видео разными браузерами и устройствами. Он достаточно прост, поэтому я не буду вдаваться в подробности.

Поддержка аудио

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

Загрузка медиа через браузер

Давайте рассмотрим некоторые функции (для пользователей и веб приложений) для выполнения следующих заданий:
- Загрузка аватарки, используя веб-камеру
- Отправка голосового сообщения контакту
- Видео/аудио общение с контактом
Все эти задания достаточно просты. Но только на первый взгляд, так как всё вышеперечисленное требует установку программ за пределами браузера. Для того, чтобы сделать фото веб-камерой, нам понадобится Flash или другой софт. Для того, чтобы общаться по Интернету, мы воспользуемся Skype или чат-комнатой на основе Flash.

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

Потребуется не много времени, чтобы следующие версии браузеров реализовали эти задачи без стороннего софта. Многие детали в стадии разработки, но это не займет много времени прежде чем мы будем способны дать пользователям возможность выбирать устройство ввода для потокового аудио и видео, делать фото для профиля в соц. сетях по Интернету, или делать видео звонки из браузера без каких-либо плагинов... с мобильных устройств.
Чтобы получить представление о том, что будет доступно в скором времени, Вы можете ознакомиться с черновиком W3C по HTML Media Capture.

Стартовать можно уже сегодня

Новые теги audio и video работают во всех современных браузерах (в том числе в Internet Explorer 9). Развитие API для работы с такими устройствами, как микрофоны и вебкамеры из браузеров стремительно идёт вверх.

Разработчикам, которые ждали новых возможностей, пора перестать ждать и включаться в работу новых стандартов.
Есть много прекрасных ресурсов, которые могут помочь начать работу. Очень рекомендую ознакомиться с презентацией Marcin Wichary. Сайт List Apart также опубликовал хороший обзор по HTML5. Также хорошая статья на эту тему от Smashing Magazine. Все приведенные источники на английском языке, но я думаю, это не будет проблематично осуществить моментальный перевод с помощью разнообразных гаджетов в сети.

При публикации были использованы материалы сайта UXBooth

Все статьи