如何播放webp图片

最近在做直播的礼物动画播放,其中就使用了webp播放动画,我使用的是YYWebImage,首先我们这里还有一个要求就是只播放一次,我发现YYWebImage的API中并没有只播放一次的方法,这里我使用KVO实现动画只播放一次

Demo

1. 将 cocoapods 更新至最新版本.
2. 在 Podfile 中添加 pod 'YYWebImage'。
3. 执行 pod install 或 pod update。
4. 导入 <YYWebImage/YYWebImage.h>。
5. 注意：pod 配置并没有包含 WebP 组件, 如果你需要支持 WebP，可以在 Podfile 中添加 pod 'YYImage/WebP'。你可以调用 YYImageWebPAvailable() 来检查一下 WebP 组件是否被正确安装。

用法:从URL 加载图片

// 加载网络图片
imageView.yy_imageURL = [NSURL URLWithString:@"http://github.com/logo.png"];

// 加载本地图片
imageView.yy_imageURL = [NSURL fileURLWithPath:@"/tmp/logo.png"];

加载动图

// 只需要把 `UIImageView` 替换为 `YYAnimatedImageView` 即可。
UIImageView *imageView = [YYAnimatedImageView new];
imageView.yy_imageURL = [NSURL URLWithString:@"http://github.com/ani.webp"];

渐进式图片加载

// 渐进式：边下载边显示
[imageView yy_setImageWithURL:url options:YYWebImageOptionProgressive];

// 渐进式加载，增加模糊效果和渐变动画 
[imageView yy_setImageWithURL:url options:YYWebImageOptionProgressiveBlur ｜ YYWebImageOptionSetImageWithFadeAnimation];

只播放一次

import UIKit
import YYWebImage
class ViewController: UIViewController {

    @IBOutlet weak var imageView: YYAnimatedImageView!
    override func viewDidLoad() {
        super.viewDidLoad()
        
        if YYImageWebPAvailable() { // 来检查一下 WebP 组件是否被正确安装
            print("支持")
        }else {
            print("不支持")
        }
        imageView.yy_imageURL = URL(string: "http://file4.qf.56.itc.cn/style/static/gift/m/v2/webp/menghuanhunli.webp")
        // imageView.currentAnimatedImageIndex
        imageView.addObserver(self, forKeyPath: "currentAnimatedImageIndex", options: [.new], context: nil)
    }
    
    override func observeValue(forKeyPath keyPath: String?, of object: Any?, change: [NSKeyValueChangeKey : Any]?, context: UnsafeMutableRawPointer?) {
        let newValue = change![NSKeyValueChangeKey.newKey] as! UInt
        if newValue == 0 {
            imageView.stopAnimating()
        }
        
    }
    deinit {
        removeObserver(self, forKeyPath: "currentAnimatedImageIndex")
    }
}