Ffimageloading: WebP animations support for iOS & Android

Created on 4 Oct 2018 · 7Comments · Source: luberda-molinet/FFImageLoading

Hi there,

I'm getting the exception below when I try to Load a Gif with the url:
https://media3.giphy.com/media/3ohzdKbEOsJtrg2iCQ/200.webp

That is a gif from the Giphy directory. if I use the *.gif extension it does work, but I am trying to use webp cause the 2x smaller. Do I have to do any specific setup?

I tried the sample app, and it also gives me the same exception.

[0:] Image loading failed: https://media3.giphy.com/media/3ohzdKbEOsJtrg2iCQ/200.webp
System.BadImageFormatException: Not a valid bitmap
at FFImageLoading.PlatformImageLoaderTask1[TImageView].GenerateImageFromDecoderContainerAsync (FFImageLoading.IDecodedImage1[TNativeImageContainer] decoded, FFImageLoading.Work.ImageInformation imageInformation, System.Boolean isPlaceholder) [0x000a8] in C:projectsffimageloadingsourceFFImageLoading.DroidWorkPlatformImageLoadingTask.cs:215
at FFImageLoading.Work.ImageLoaderTask3+<GenerateImageAsync>d__104[TDecoderContainer,TImageContainer,TImageView].MoveNext () [0x002c4] in C:\projects\ffimageloading\source\FFImageLoading.Common\Work\ImageLoaderTask.cs:307 --- End of stack trace from previous location where exception was thrown --- at System.Runtime.CompilerServices.TaskAwaiter.ThrowForNonSuccess (System.Threading.Tasks.Task task) [0x0003e] in <43dbbdc147f2482093d8409abb04c233>:0 at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification (System.Threading.Tasks.Task task) [0x00028] in <43dbbdc147f2482093d8409abb04c233>:0 at System.Runtime.CompilerServices.TaskAwaiter.ValidateEnd (System.Threading.Tasks.Task task) [0x00008] in <43dbbdc147f2482093d8409abb04c233>:0 at System.Runtime.CompilerServices.ConfiguredTaskAwaitable1+ConfiguredTaskAwaiter[TResult].GetResult () [0x00000] in <43dbbdc147f2482093d8409abb04c233>:0
at FFImageLoading.Work.ImageLoaderTask`3+d__109[TDecoderContainer,TImageContainer,TImageView].MoveNext () [0x004ae] in C:projectsffimageloadingsourceFFImageLoading.CommonWorkImageLoaderTask.cs:588

Basic Information

Version with issue: 2.4.3.840
Last known good version:
Platform: Android 5.1

Screenshots

Android Mac enhancement help wanted iOS up-for-grabs

Source

claudiocleberson

All 7 comments

WebP animations are currently not supported, but we should be able to implement it.

daniel-luberda on 20 Oct 2018

First we need to add a new type WebPAnimated, here:

https://github.com/luberda-molinet/FFImageLoading/blob/master/source/FFImageLoading.Common/Helpers/FileHeader.cs

Then, on Android it would be easy as adding GifDecoder for WebPAnimated type:
https://github.com/luberda-molinet/FFImageLoading/blob/87c69858b4546d8734968ae40fac4e616d256514/source/FFImageLoading.Droid/Work/PlatformImageLoadingTask.cs#L116

On iOS we'll need to add a new decoder, which merges two decoders:

daniel-luberda on 20 Oct 2018

👍1

Thanks for your replay. You built a quite complex library.

I am using the gif animation on a chat feature on our APP. for now I am using the *.gif and sticking with smaller formats. But that would be big Plus.

Have a nice day!

claudiocleberson on 20 Oct 2018

❤1

This could be an awesome feature. Im trying to find a way to display animation not only with Lottie.Forms that is still buggy. Webp is a great solution for 3-4secs animation with good quality preserved <1mo. Can't wait for this feat :)

vincentcastagna on 29 Oct 2018

@daniel-luberda any news concerning this feature ? :)
Thanks.

vincentcastagna on 9 Nov 2018

Unluckily, didn't have time for this. I'm in the process of trying to investigate every issue here which is not solved. It's a really lot of work for one person.

daniel-luberda on 18 Apr 2019

I think we should port this to c#: https://github.com/zjupure/GlideWebpDecoder

With some modifications it'll be possible to use this for every platform (iOS, Win, Android, etc). Similarly to our GIF decoder: https://github.com/luberda-molinet/FFImageLoading/tree/master/source/FFImageLoading.Common/Helpers/Gif

daniel-luberda on 8 May 2019

Was this page helpful?

0 / 5 - 0 ratings