Page MenuHomePhabricator

Overlay thumbnail placeholder with actual image
Open, LowPublic

Description

Narrative

As a user, I can see the final image being loaded as it loads on top of the blurry thumb, so that the progress bar isn't the only indication that something's happening

Acceptance Criteria

  • Start by supporting it when not going through performance.record
  • I believe that on progress the XHR lets you read the partial content response. This can be passed through the deferred's progress() to the image provider, which can in turn display a partial data URI. This needs testing to see that it really works.

See Also: T71609

Details

Reference
bz71553

Event Timeline

bzimport raised the priority of this task from to Needs Triage.Nov 22 2014, 3:56 AM
bzimport added a project: MediaViewer.
bzimport set Reference to bz71553.
bzimport added a subscriber: Unknown Object (MLST).

MediaViewer displays a placeholder image (the small-resolution thumbnail of the same image, enlarged and blurred) while the real image is loading. To make the improve the usefulness of the placeholder and give a stronger sense of progress, the real image should be positioned on top of the placeholder (instead of the current mechanics of replacing it when the loading has finished).

For non-progressive images, the image is rendered gradually from top to bottom by most browsers, so this would result in the placeholder gradually becoming sharp from top to bottom. Romanski made a simple demo: http://jsfiddle.net/Czwpu/1/

For progressive images, the placeholder would not be visible at all (or just for a very short time, until the lowest resolution is loaded). Example of progressive loading: http://pooyak.com/p/progjpeg/

Gilles subscribed.
Tgr set Security to None.
Tgr updated the task description. (Show Details)
Tgr added subscribers: Aklapper, MingleTerminator.

Mass-removing the Multimedia tag from MediaViewer tasks, as this is now being worked on by the Reading department, not Editing's Multimedia team.