Flickering animation on cycloramic.com

NEW
Unassigned

Status

()

P3
normal
6 years ago
9 months ago

People

(Reporter: daniel.nr01, Unassigned)

Tracking

({regression})

20 Branch
regression
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

(Whiteboard: [gfx-noted], URL)

(Reporter)

Description

6 years ago
User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:22.0) Gecko/20130323 Firefox/22.0
Build ID: 20130323031040

Steps to reproduce:

Visit http://cycloramic.com/ and watch the animation.


Actual results:

The animation flickers. It flickers using both the stable build and Nightly.

The symptoms are similar to https://bugzilla.mozilla.org/show_bug.cgi?id=791731 and the new smart cover animations flicker a lot as well http://www.apple.com/ipad/accessories/#MASKED-smartcover-blue-on-white

Comment 1

6 years ago
Hi Daniel,
Would you be able to try some older releases from ftp://ftp.mozilla.org/pub/firefox/releases/ and determine if this is a regression between two versions?

Comment 2

6 years ago
Regression window(m-c)
Good:
http://hg.mozilla.org/mozilla-central/rev/c8a1314aa449
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:20.0) Gecko/20121215 Firefox/20.0 ID:20121215131821
Bad:
http://hg.mozilla.org/mozilla-central/rev/ba26dc1c6267
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:20.0) Gecko/20121217 Firefox/20.0 ID:20121217054022
Pushlog:
http://hg.mozilla.org/mozilla-central/pushloghtml?fromchange=c8a1314aa449&tochange=ba26dc1c6267

Regression window(m-i)
Good:
http://hg.mozilla.org/integration/mozilla-inbound/rev/bb6f5a9bcd27
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:20.0) Gecko/20121215 Firefox/20.0 ID:20121215105120
Bad:
http://hg.mozilla.org/integration/mozilla-inbound/rev/83e7913cba52
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:20.0) Gecko/20121215 Firefox/20.0 ID:20121215125921
Pushlog:
http://hg.mozilla.org/integration/mozilla-inbound/pushloghtml?fromchange=bb6f5a9bcd27&tochange=83e7913cba52

Suspected:
cf43df0a7095	Jeff Muizelaar — Bug 811891. Only sync decode once per image. r=joe Bug 799335 intentionally caused us to do some decoding everytime StartDecoding is called. This can be multiple times per paint which can delay tab switch substantially.
Blocks: 811891
Status: UNCONFIRMED → NEW
status-firefox19: --- → unaffected
status-firefox20: --- → affected
status-firefox21: --- → affected
status-firefox22: --- → affected
status-firefox-esr17: --- → unaffected
Component: General → ImageLib
Ever confirmed: true
Keywords: regression
Version: 22 Branch → 20 Branch

Comment 3

6 years ago
Setting prefs false helps
image.mem.decodeondraw = false
image.mem.discardable = false

Comment 4

6 years ago
OR,
Setting big number to image.mem.decode_bytes_at_a_time helps.
image.mem.decode_bytes_at_a_time = 150000
(Reporter)

Comment 5

6 years ago
(In reply to Alice0775 White from comment #4)
> OR,
> Setting big number to image.mem.decode_bytes_at_a_time helps.
> image.mem.decode_bytes_at_a_time = 150000

Confirmed. This helps for 19.0.2 as well, which also flickers a bit for me
Does this reproduce in the current Firefox Nightly?
Has Regression Range: --- → yes
status-firefox19: unaffected → ---
status-firefox20: affected → ---
status-firefox21: affected → ---
status-firefox22: affected → ---
status-firefox-esr17: unaffected → ---
Flags: needinfo?(daniel.nr01)
Whiteboard: [gfx-noted]
(Reporter)

Comment 7

2 years ago
I think the problem is still there.

Unfortunately I can't test the original website since it has been updated (the archive.org version does not seem to be complete).

However, https://web.archive.org/web/20130321183936/http://www.apple.com/ipad/accessories/ works and the animations flicker a lot when you drag the cover on and off (until all frames are cached).
Flags: needinfo?(daniel.nr01)
Could you please create a minimized testcase and attach it to this bug?
Flags: needinfo?(daniel.nr01)
Keywords: testcase-wanted
(In reply to Anthony Hughes (:ashughes) [GFX][QA][Mentor] from comment #8)
> Could you please create a minimized testcase and attach it to this bug?

Nevermind, I can reproduce this now on both my Windows 10 and Ubuntu 16.04 PCs. Unfortunately my efforts to make an offline testcase based on the link in comment 7 failed so we'll need to rely on the Web Archive for this.

Based on the source code it looks like this is an <img> tag within a <figure> tag with cursor:grab CSS applied to render one of 90 images.

> <figure class="vr vrcontainer" classname="vr">
>   <div tabindex="0" class="vr loading"></div>
>   <img src="/web/20130321192204/http://images.apple.com/media/us/ipad-mini/2012/accessories/smart_cover_sequence_blue-on-white/ipad-mini_smartcover_blue-on-white_090.jpg">
> </figure>
Flags: needinfo?(daniel.nr01)
Keywords: testcase-wanted
OS: Windows 7 → All
Hardware: x86_64 → All
Priority: -- → P3
You need to log in before you can comment on or make changes to this bug.