element-hq / element-hq/element-web

Blurhash pulsates showing the thunbnail ~3 times before actually revealing the thumbnail on slow connection

Open
#18,547 1 comment 0 reactions 0 assignees View on GitHub
A-Media A-Timeline O-Uncommon S-Major T-Defect
Dominant language
TypeScript
Stars
13.5k
Forks
2.8k
PR merge metrics
PR metrics pending

Description

On a bad data connection, on today's nightly, I switched to a room with a large screenshot in it. The blurhash faded away sufficiently for me to read the text in the screenshot... and then faded back in again. This repeated about 3 times over a second or so until it finally disappeared to show the thumbnail. One possibility is that the thunbnail was progressively loading on the slow connection, causing the weird striptease effect.

For progressive loading, perhaps we can start the image at 0% opacity and animate that up to 100% as soon as we start to get loading (rather than loaded) callbacks. If the image loads quickly then it will be a smooth transition from blurhash to thumbnail. If the image loads slowly however we'll get a smooth transition to the progressively loading image, which will then cause a hard vertical wipe effect as it loads over the top of the blurhash... but at least that'll be better than the current behaviour.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.