Использование Flash анимации на сайте

В настоящее время, использование плагина Adobe Flash Player не поддерживается в большинстве современных браузеров (подробнее об истории развития и угасания Flash технологии). Но раньше, с 2000 по 2019 годы, поддержка плагина Adobe Flash Player была во всех десктопных браузерах и мобильных на Android. А до расцвета мобильных устройств, Flash-анимация правила в оформлении сайтов (известных компаний, креативных агентств, технологиях анимированной рекламы и интернет игр). Многие пользователи сейчас даже не знают, что тогда сайты были более интерактивными и зрелищными. Некоторые сайты были настоящими произведениями цифрового искусства, получавшими награды.

С 2000 года я использовал в оформлении сайтов анимацию, которая довала огромное количество возможностей: решение презентационных задач любой сложности, wow-эффект, полный контроль режимов загрузки, возможность использования любой интерактивности и многое другое.

Но, со временем, пришли планшеты и смартфоны, появилось огромное количество пользовательских устройств с различными характеристиками (размеры экранов, операционные системы и браузеры без плагина Flash). Многие студии и разработчики не смогли справиться с трудностями интеграции и адаптации технологий и отказались от Flash (убеждали заказчиков отказаться, пугая "опасностями"). Лишая своих заказчиков огромных преимуществ.

Такую ситуацию я не мог упустить и (для получения конкурентного преимущества) мне пришлось разработать полностью адаптивное решение (фреймворк) для дизайна сайта. Это технология с 2 видами анимации, которые автоматически выбирались, при наличии или отсутствии необходимого плагина в браузере посетителя. Одна важная особенность фреймворка — с ним сайт полностью оптимизирован под поисковое продвижение и мог легко проходить тесты совместимости.

Адаптивный контент анимации в дизайне сайта

Основан на корректном (соответствующем всем стандартам) фреймворке Adobe для интеграции Flash объекта в тело HTML документа (object classid), c возможностью показа альтернативного контента (HTML вместо содержимого ролика .swf). Но код альтернативного контента и является кодом альтернативной анимации на HTML5 с использованием CSS или файла дополнительных JavaScript.

В результате — сайты имеют достоинства современного HTML5 (адаптивность, лёгкость, функциональные фреймворки, jQuery) и сочетаются с огромными возможностями анимации Flash. Мои клиенты могут получить качественную интеграцию (прямо в одной странице) различных технологий, с возможностью автоматической адаптации вариантов дизайна страницы:

Вариант 1: если на страницу заходит пользователь с наличием плагина Adobe Flash Player, то такой посетитель видит прекрасный презентационный дизайн, со всеми преимуществами технологии flash анимации. Подробнее: о Flash версии сайта (для современных проектов).

Вариант 2: если у посетителя страницы нет плагина Flash, то ему демонстрируется современная HTML5+CSS3 версия презентации в виде слайдеров или различных решениях на jQuery (хотя и не имеет таких зрелищных возможностей и контроля сценария, как Flash версия).

Адаптивные изменения касаются только отдельного элемента страницы сайта (объекта), а вся остальная страница использует любые технологии современной вёрстки (HTML5, CSS3, jQuery и др.) Таким образом, посетители всегда видят современный дизайн сайта. Но пользователи с Flash плагином видят то, чего не могут дать самые современные технологии — презентационную интерактивную анимацию любой сложности, любой продолжительности. С контролем режима загрузки и контролем сценария (в отличие от обычного потокового видео, которое не контролируется в сценарии и не имеет интерактивности).

Пример дизайна сайта с адаптивной анимацией

Пример дизайна сайта с Flash + HTML5 анимацией

Пример дизайна сайта с анимацией для всех браузеров

Внимание! Большинство мобильных браузеров сейчас НЕ ПОДДЕРЖИВАЮТ flash анимацию по-умолчанию. Таким пользователям показывается версия без Flash. В остальных случаях: если у вас установлен Яндекс-Браузер, то Flash плагин в нём включён! Если у вас браузер Google Chrom (самый популярный браузер в мире), то плагин у вас установлен самим Google, но... последние версии браузера (после 2017 года) стали требовать разрешения на его включение. Воспользуйтесь советом: как включить Flash на странице?

В результате — в дизайне вашего сайта могут быть объединены все самые лучшие технологии оформления. Это редкая возможность! Которая предоставляет несколько значительных преимуществ.

Преимущества адаптивной технологии оформления

"Вау-эффект" для посетителей c Flash плагином в браузере. И явное преимущество в зрелищности и презентационных возможностях в версии для пользователей с flash. Явный выигрыш в сравнении с сайтами конкурентов без анимации, и явное информационное преимущество в первом экране.

Не нужно бояться отсутствия поддержки "устаревших" технологий — дизайн автоматически адаптируется под возможности браузера и платформу посетителей сайта, предоставив HTML5 версию дизайна для той части аудитории, у которой нет (отключён) flash плагина в браузере.

Страницы прекрасно индексируется поисковыми системами! Так как Flash презентация является только отдельным элементом (объектом) в составе страницы, а сама страница (структура, тексты, ссылки, навигация, меню файлы фона) всё это — обычный прекрасно индексируемый HTML5. Объект Flash полностью корректно интегрирован с соблюдением стандартов и спецификаций, требуемых поисковыми системами.

Нет проблем с безопасностью для вашего сайта — анимация это обычный файл .swf. И разумеется, нет проблем с безопасностью для посетителей — ролик собран корректно, без обращения к фреймам, без загрузки JavaScript, и даже на версии АctionScript 2.0 (без поддержки спорной функциональности 3.0). Большинство страхов про "опасный" Flash устарели на 10 лет.

Нет загрузки процессора или памяти на устройствах посетителей! Сборка на АctionScript 2.0 (без ошибок и без тяжёлой функциональности), линейная анимация и ограничения в количестве векторных объектов исключает необходимость производительных затрат на анимацию. Миф о требовательной производительности устарел на 10 лет! Он был актуален для старых устройств (для старых плагинов) и для работы с потоковым видео большого разрешения. Он не касается обычной линейной анимации (особенно с оптимизацией объектов) и тем более не актуален для современных мощных устройств.

При отсутствии поддержки в устройствах (например iPhone) автоматически показывается версия страницы на HTML5 с поддержкой всех современных технологий фреймворков и библиотек.

Отличные показатели выполнения презентационных маркетинговых задач — анимация или сочетание роликов, любые возможности сценария презентации, показ с первых секунд (не дожидаясь окончания загрузки), с подробным акцентом на деталях и возможностью интерактивности (ссылки, дополнительные переходы и сцены с комментариями) — и всё это в первом экране, без прокрутки.

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

Отличное сочетание с новыми поисковыми алгоритмами поведенческого фактора в ранжировании сайта и учёта ими "отказов" посетителей (быстрый уход со страницы вашего сайта). Сайт с красивой информационной анимацией (презентацией) в первом экране задерживает внимание посетителя на определённое время (хороший сценарий интересен). А значит — меньше процент "отказов" и дольше время честного просмотра страницы! И результат — выше лояльность к сайту посетителей и поисковых систем (алгоритмов поведенческого фактора). Вот так "старые" технологии прекрасно работают с новыми технологиями. Кто говорил, что Flash вреден для сайта?

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

Является ли технология Flash анимации устаревшей? После рассвета в начале 2000-х, Flash завоевал признание сразу у пользователей и разработчиков (красивая интерактивная анимация, векторная анимация, потоковая загрузка, игры). Лёгкость вхождения в разработку позволила быстро появиться в интернете большому количеству ярких работ и сайтов. Очень быстро все ведущие мировые бренды стали использовать промо-проекты на Flash с выдающимися зрелищными сайтами. К сожалению, многие из современных пользователей даже не видели, каким зрелищным и увлекательным может быть дизайн сайтов — таким был Интернет ещё 10 лет назад. Но сейчас — половина пользователей даже технически не сможет этого увидеть.

Мифы о недостатках Flash основаны на статьях из 2010 года! Началась "война стандартов" после весьма предвзятого заявления Стива Джобса об отмене поддержки технологии на IPhone (из-за излишней загруженности и нестабильности в IPhone). Но потом, мощности мобильных устройств и объёмы их памяти выросли в разы! Версии плагинов и проблемы в них были давно исправлены. Осталась только коммерческая война за интересы корпораций (вокруг воспроизведения видео контента), в которой все спекулируют удобством пользователей.

Эта ситуация уже опустила уровень технологий оформления и зрелищности сайтов во всём интернете, вновь породила войну браузеров, позволив победить Google Chrome. Во многом — за счёт встроенной поддержки Flash (до конца 2019 года). Но сейчас Adobe публикует различные заявления о прекращении поддержки.