Еще раз о Flash, HTML5 и портабле

Сначала несколько слов о портабельных браузерах (для Windows) и их взаимоотношениях с Flash. Загрузка свежих версий с portableapps.com показала, что в состав Chrome Portable входит флэш-плеер последней версии (\App\Chrome-bin\10.0.648.205\gcswf32.dll)
В состав Firefox Portable почему-то не входит; это странно, но можно взять эту библиотеку, переименовать ее в npswf32.dll и поместить в папку \Data\plugins
Это идеально работает для версии 3.6; а в версии 4 каким-то образом зависит от компьютера. На одних машинах все ок, на других Flash просто не отображается, но и не показывает предупреждение, что нужный плагин отсутствует. To be continued...

Теперь о Flash/HTML5.

1. Видео

В настоящий момент все современные версии браузеров поддерживают либо webm, либо H.264 (MPEG4). Первый формат - открытый, гугловский, второй проприетарный (неудивительно, что его поддерживают Internet Explorer и Safari). Старые версии - только через Flash Player, который, в свою очередь, поддерживает H.264. Отсюда вывод: видео следует конвертировать в Webm + H.264 и далее в зависимости от браузера либо выдавать код HTML5, либо делать flash-обертку.

Подробнее об этом здесь

2. Анимация

Анимация на основе CSS3 позволяет достигать примерно тех же эффектов, что и Flash. Но проигрывается, естественно, движком браузера (например, webkit) без всяких дополнительных плагинов.

У объекта указывается ссылка на анимацию вида -webkit-animation-name: AN-ani-0

В разделе стилей она описывается приблизительно так:

@-webkit-keyframes AN-ani-0 {
0% {
-webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1);
background-color: white;
border: 1px dashed red;
opacity:0;
}
...
}

Пока это не полностью кроссбраузерная технология, однако с помощью webkit-браузеров (Google Chrome и др.) уже сейчас можно просматривать примеры. Такие как этот:

Пример создан с помощью Sencha Animator.

Еще один проект по разработке CSS3-анимации: Animatable

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

Ссылки

понедельник, 25 апреля 2011 г.