Animated images

[maximkrouk]

I created AVPlayer notes, might be helpful for playing videos:
https://www.craft.do/s/2Ic8O8TrFiK8L2

Also, AVPlayer does not fit TikTok-like dynamic previews in collectionViews, due to system limitations.

Also I guess you know about YYImage, it plays animated images without AVPlayer, but does not support SwiftPM, maybe you can find a way to implement animated images without AVPlayer, it would be very helpful 👉👈.

[kean]

Thanks, let me go through those.

Yeah, I have a note about the limitations in the README:

WARNING: The number of players you can have at once on-screen is limited. The limit is not documented and depends on the platform. In general, expect to have about four players playing at once.

It's a shame, but there are still plenty of use-cases where the video is useful.

Also I guess you know about YYImage, it plays animated images without AVPlayer

Do you mean GIF? NukeUI supports them as well thanks to the built-in Gifu integration. I recently started contributing to Gifu too, so I hope more improvements are coming.

[kean]

I'm adding an API to extend LazyImage(View) rendering in the next release:

import SwiftSVG

// Affects both all `LazyImage` and `LazyImageView` instances
LazyImageView.registerContentView {
    if $0.type == .svg, let data = $0.data {
        UIView(SVGData: data)
    }
    return nil
}

[maximkrouk]

If I implement animated webp using https://github.com/SDWebImage/libwebp-Xcode, should I integrate it here, or in some kind of a plug-in for Nuke?

It may require implementing AnimatedImageView, draft implementation can be found here).
UIImageView has startAnimating/stopAnimating methods, but NSImageView doesn't so maybe you have a vision on how to integrate it to existing codebases, considered options:

• A separate class (PlatformImageView subclass or just a view), like LazyImageView (may be not the best solution for a plugin-framework)
• If it becomes a part of NukeUI, this new feature (LazyImageView(View)) may be useful
• Creating a shared animation manager where you have to register ImageView and animated image (enables user to use plain ImageViews, but completely inelegant)

[kean]

Nuke has a plugin system that you can extend without changing the source. There are two steps:

Step 1. Register a custom decoder for webp.

There are a couple of ways to do that. For example:

extension ImageType {
    static let webp: ImageType = "public.webp"
}

ImageDecoderRegistry.shared.register { context in
    let isWebP = context.urlResponse?.url?.absoluteString.hasSuffix("webp") ?? false
    return isWebP ? ImageDecoders.Empty(type: .webp) : nil
}

Instead of using hasSuffix, I would suggest checking magic numbers. That's the most reliable way to determine an image format. See https://github.com/ryokosuge/Nuke-WebP-Plugin/blob/master/Source/Extensions/Data%2BWebPFormat.swift

ImageDecoders.Empty doesn't decode the image, but attached data to the image container (ImageContainer).

Step 2. Register your rendering system to run animations.

LazyImageView.registerContentView { container: ImageContainer in
    if container.type == .webp, let data = container.data {
        YourWebPAnimatedImageView(data: data)
    }
    return nil // Default rendering will be used
}

[kean]

This API LazyImageView.registerContentView will be available in the release I'm cutting later today.

[maximkrouk]

My decoding didn't work properly for images with alpha, so I decided to use SDWebImage for animated webp and Nuke for other cases for now ☹️

IMG_5891.MP4

I don't like SDWebImage APIs, but it worked, so I don't have to spend time on manual implementation yet, hopefully someday or someone else... 🙂