Вспышка вызывает рваные анимации JavaScript

Question

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

Есть ли у кого-нибудь мысли о том, как заставить 2 работать вместе?

Большое спасибо

Мэтт

Answer 1

Вы заметите тот же эффект на BBC Iplayer - если вы сыграли несколько видео, используйте левый и правый скроллер. Анимация JavaScript больше не является плавной.

Это более заметно в FF.

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

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

Однажды у меня возникла та же проблема, и я нацелился на FP10 - это компенсировало большую визуальную работу с ЦП (следовательно, текущим процессом в браузере) и передало его в ГП.

-

Помимо этого, вы в значительной степени зависите от того, насколько мощным является клиентский компьютер.

Answer 2

Дополнительно за мой ответ выше:

Спасибо, глицерин. Как вы думаете, будут ли какие-либо улучшения производительности, если он будет сжат в старом формате? Или даже просто SWF? Там нет звука, так что это просто анимированный фон на самом деле. - - Мэтт Брэйлсфорд

Я думаю, что новый формат был бы лучше - если вы можете использовать FP10, то вы снова сможете использовать пользовательский графический процессор, если вы работаете в CS3, лучше всего перейти на FP9.5.

Убедитесь, что ваши объекты сцены кэшируются для растрового изображения, если вы используете большие векторы http://www.adobe.com/devnet/flash/articles/bitmap_caching_print.html

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

Попробуйте также нацелиться на двигатель AS3. Даже если вы не используете код. Я продолжаю говорить, что он работает лучше, чем движок as2, as1 с аргументами от людей, но я уверен, что вы найдете свой любимый лагерь.

Если у вас уменьшены очень большие изображения, используйте меньший форм-фактор при фотошопировании, чем меньший размер. Это улучшит не только скорость рендеринга, но и размер файла SWF.

Попробуйте это.