Fresco: First frame of animated GIF as placeholder image?

Created on 22 Jul 2015 · 26Comments · Source: facebook/fresco

Is there a way to use the first frame of an animated GIF as the placeholder image for a view? This would ease the visual transition when loading (and reloading) animated GIFs.

If not, I would love to see this added as a feature!

enhancement help wanted

Source

ewills

👍1

Most helpful comment

In case of showing cached gif, as a temporary workaround you can save first gif frame and then use it as lowresImage while huge gif is loading from disk

@Override
        public void onFinalImageSet(String id, ImageInfo imageInfo, Animatable animatable) {
            if (imageInfo instanceof CloseableAnimatedImage) {
                GifImage gif = (GifImage) imageInfo.getImageResult().getImage();
                if (gif != null) {
                    Bitmap bitmap = Bitmap.createBitmap(imageInfo.getWidth(), imageInfo.getHeight(), Bitmap.Config.ARGB_8888);
                    gif.getFrame(0).renderFrame(imageInfo.getWidth(),  imageInfo.getHeight(), bitmap);
                    //save bitmap in your own cache
                    bitmap.recycle();
                }
            }
}

dmitrychistyakov on 12 Aug 2016

👍4

All 26 comments

I'm afraid this isn't possible at the moment - we'll see if there's a lot of demand for this feature.

IanChilds on 23 Jul 2015

Great, thanks!

ewills on 23 Jul 2015

It would be very nice to have this feature

Eagles2F on 3 Sep 2015

PaulProject on 26 Jan 2016

jhwing on 27 Jun 2016

In case of showing cached gif, as a temporary workaround you can save first gif frame and then use it as lowresImage while huge gif is loading from disk

@Override
        public void onFinalImageSet(String id, ImageInfo imageInfo, Animatable animatable) {
            if (imageInfo instanceof CloseableAnimatedImage) {
                GifImage gif = (GifImage) imageInfo.getImageResult().getImage();
                if (gif != null) {
                    Bitmap bitmap = Bitmap.createBitmap(imageInfo.getWidth(), imageInfo.getHeight(), Bitmap.Config.ARGB_8888);
                    gif.getFrame(0).renderFrame(imageInfo.getWidth(),  imageInfo.getHeight(), bitmap);
                    //save bitmap in your own cache
                    bitmap.recycle();
                }
            }
}

dmitrychistyakov on 12 Aug 2016

👍4

ramilushev on 15 Sep 2016

kimthangatm on 22 Sep 2016

odaeagle on 12 Oct 2016

biwoodfengs on 21 Nov 2016

tamara-bain on 22 Nov 2016

kimthangatm on 23 Nov 2016

lazybios on 27 Dec 2016

yshubin on 17 Jan 2017

rafaelekol on 18 Jan 2017

Still waiting for this feature!
+1

namchuai on 24 Feb 2017

stanmots on 11 Apr 2017

I'm afraid that I have no update on this. However, we are always welcoming pull-requests that add support for this in a maintainable way :) @oprisnik is working on a new architecture for animations that hopefully make support for this easier

lambdapioneer on 12 Apr 2017

jjding1986 on 30 Aug 2017

qinhehu on 21 Sep 2017

dbof10 on 26 Nov 2017

We don't have a use case for this so we're probably not going to work on it internally. However, I think the use case is valid and it would be a good feature to have, so we would still appreciate a PR for this, even though I'm closing the issue now.