如何将 Vignette CIFilter 应用于 iOS 中的实时摄像机源？

Question

在尝试将简单的晕影滤镜应用于 iPhone6 的原始相机馈送时，在 Metal 和 Core Image 的帮助下，我发现在 MTKView 中处理和渲染的帧之间存在很多延迟

我遵循的方法是（MetalViewController.swift）：

1. 使用AVCaptureVideoDataOutputSampleBufferDelegate 获取原始相机输出
2. 转换CMSampleBuffer > CVPixelBuffer > CGImage
3. 用这个CGImage 创建一个MTLTexture。

点数2 和 3 在名为：fillMTLTextureToStoreTheImageData

的方法内

4. 将CIFilter 应用于从MTKViewDelegate 中的MTLTexture 获取的CIImage

    func draw(in view: MTKView) {

        if let currentDrawable = view.currentDrawable {
            let commandBuffer = self.commandQueue.makeCommandBuffer()

            if let myTexture = self.sourceTexture{

                let inputImage = CIImage(mtlTexture: myTexture, options: nil)

                self.vignetteEffect.setValue(inputImage, forKey: kCIInputImageKey)

                self.coreImageContext.render(self.vignetteEffect.outputImage!, to: currentDrawable.texture, commandBuffer: commandBuffer, bounds: inputImage!.extent, colorSpace: self.colorSpace)

                commandBuffer?.present(currentDrawable)

                commandBuffer?.commit()
            }
        }
    }

性能完全不是苹果在这个文档中提到的：https://developer.apple.com/library/archive/documentation/GraphicsImaging/Conceptual/CoreImaging/ci_tasks/ci_tasks.html#//apple_ref/doc/uid/TP30001185-CH3-TPXREF101

我错过了什么吗？

Answer 1

您的第 2 步太慢了，无法支持实时渲染……而且您似乎遗漏了几个步骤。出于您的目的，您通常会：

设置：

1. 创建一个CVPixelBuffer 池 - 使用CVPixelBufferPoolCreate
2. 使用CVMetalTextureCacheCreate创建一个金属纹理池

对于每一帧：

1. 转换CMSampleBuffer > CVPixelBuffer > CIImage
2. 将 CIImage 通过过滤器管道传递
3. 将输出图像渲染到步骤 1 中创建的池中的CVPixelBuffer
4. 使用CVMetalTextureCacheCreateTextureFromImage 使用过滤后的 CVPixelBuffer 创建金属纹理

如果设置正确，所有这些步骤将确保您的图像数据保留在 GPU 上，而不是从 GPU 传输到 CPU 再返回到 GPU 进行显示。

好消息是所有这些都在 Apple https://developer.apple.com/library/archive/samplecode/AVCamPhotoFilter/Introduction/Intro.html#//apple_ref/doc/uid/TP40017556 的 AVCamPhotoFilter 示例代码中进行了演示。尤其是RosyCIRenderer 类及其超类FilterRenderer。