HTML5: Маркетинговая фишка. Часть 1. Аудио и видео
Итак, сначала стоит уяснить что именно должен заменить HTML5/CSS3/JS Animation (для краткости сокращу до HCJ) и все с ним связанное в глазах маркетологов от вебдева:
- Естественно, видео- и аудиоплеер
- Анимация на веб-страницах с помощью CSS3 и Javascript
- Некие дыры в безопасности и производительности
Часть 1:
Видео и аудио с помощью HTML5
Помните конец 90-х - начало 2000х, когда в компьютере, наконец-то стало возможно смотреть фильмы? И какие танцы с бубнами вокруг кодеков этому сопутствовали? Лучше и не вспоминать, уже очень много лет подряд я ставлю только один кодек - Xvid, который используется только исключительно в VirtualDub, если надо что-то подрезать и я им не смотрю ни одно видео, все кодеки давно встроены в плеерах, а уж о так называемых кодек-паках и говорить не приходится, то, как они засоряют систему - давно уже стало притчей.
Итак, рассмотрим браузер как плеер.
Поддержка кодеков в браузерах
Это головная боль юзеров и разработчиков еще на 10 лет вперед, минимум. Рассмотрим таблицу поддержки видео/аудиоформатов в браузерах
Аудио:
| Trident | Gecko | WebKit | Presto | |
|---|---|---|---|---|
| Ogg Vorbis | No | 1.9.1 | Depends | 2.5 |
| WAV PCM | 525 | 2.0 | ||
| MP3 | 5.0(IE9) | No | Depends | |
| AAC | No | |||
| Speex | No | No | Depends | No |
(Приведены браузерные движки а не браузеры)
Как видно, картинка удручающая. Более того, Браузеры на Gecko (Это Firefox, в-первую очередь), не получат поддержки MP3, а тем более проприетарного AAC от Apple никогда
Видео:
| Trident | Gecko | WebKit | Presto | |
|---|---|---|---|---|
| Ogg Theora | Manual install | 1.9.1 | Depends | 2.5 |
| H.264 | 5.0 | No | Depends (525) | Depends |
| WebM VP8 | Manual install | 2.0 | Depends (534) |
2.6.30 |
Источник: http://en.wikipedia.org/wiki/HTML5_audio
И тут ситуация ничем не лучше... Каждый производитель браузеров тянет одеяло на свою сторону, вступая в различные консорциумы. Надежда только на поддержку VP8 во всех браузерах разом, но о ней можно будет говорить только с появлением IE10
Хотелось бы изобразить подобную табличку, например, для браузеров с установленным flash-плагином:
| Trident | Gecko | WebKit | Presto | |
|---|---|---|---|---|
| MP3 | Yes | Yes | Yes | Yes |
| H.264 | Yes | Yes | Yes | Yes |
Есть замечательная картинка, отображающая статистику использования Flash на компьютерах - я думаю, достаточно показать ее один раз:
Источник: http://www.adobe.com/products/player_census/flashplayer/
C мобильными устройствами беда не меньшего характера - если на большом компьютере вы можете сменить браузер, то на мобильных девайсах, скорее всего, нет. Поддержка Flash на данный момент реализована в смартфонах на Android и Symbian, в новой версии Bada и в Opera Mobile для Windows Mobile 6.5. Все это - гораздо более 50% рынка мобильных устройств.
К чему приводит различие в форматах HTML5 аудио/видео в разных браузерах:
- Увеличение времени разработки и тестирования
- Увеличение нагрузки на сервер и затрат дискового пространства - каждому браузеру нужно отдать тот файл, который он воспринимает, а если это фильм - сколько дубликатов нужно хранить или транскодировать на лету?
Кроме того, есть еще подводные камни в использовании HTML5 видно и аудио:
- Пока что ни один из кодеков не поддерживает шифрование потока с распаковкой на клиенте - другими словами, нет возможности отдавать контент в одну точку - без шифрования его одновременно теоретически смогут смотерть сколько угодно клиентов и доступ к конкретному потоку придется регулировать на стороне сервера, что чревато затратами мощностей
- Нет ни одного универсального (поддерживающегося, например на 80% компьютеров, находящихся в сети) решения кроме Flash для создания онлайн-трансляций и митингов прямо в браузере без установки дополнительного программного обеспечения. Еще очень много лет Flash будет единственным решением "по умолчанию" для live-видео
На этом, думаю, пора закончить первую часть.
