Mattermost-server: Webapp: Progressive Image Loading
Server has now implemented base64 images in the post metadata here: https://mattermost.atlassian.net/browse/MM-27353
This ticket is for the webapp app to utilize this mini image for progressive image loading.
Proposed solution
- Initially load a very low-res version of the image (base64)
- Blur out the low-res image
- Once the image is in the viewport, start loading the high-res image
- Then transition/fade/unblur to the higher res image once it鈥檚 loaded
Protoype
Design:
If you're interested please comment here and come join our "Contributors" community channel on our daily build server, where you can discuss questions with community members and the Mattermost core team. For technical advice or questions, please join our "Developers" community channel.
New contributors please see our Developer's Guide.
mattermod
All 10 comments
I will try to do this
frionx
on 1 Oct 2020
Awesome, thanks @frionx!
esethna
on 1 Oct 2020
Ok so I figured out a way to do the progressive image loading on a local site of mine, now I have to figure out how to integrate it with mattermost.
frionx
on 2 Oct 2020
Also an issue I have is I can't view the demo / prototype
frionx
on 2 Oct 2020
@frionx sorry about that try again, I've opened the permissions on the prototype
esethna
on 2 Oct 2020
@frionx feel free to ask in our contributors channel if you need help: https://community.mattermost.com/core/channels/tickets
esethna
on 2 Oct 2020
@esethna is this still being worked on by @frionx ?
bhargav50
on 20 Nov 2020
@esethna is this still being worked on by @frionx ?
Nah I forgot about it. I was sent back home and i have a lot of exams 馃様
frionx
on 20 Nov 2020
@bhargav50 are you interested in taking this?
esethna
on 20 Nov 2020
I have already started one issue yesterday, maybe next week if I get some time.
bhargav50
on 20 Nov 2020
Related issues
esethna
路
3Comments
chengweiv5
路
3Comments
saturninoabril
路
3Comments
jasonblais
路
3Comments
esethna
路
3Comments