美文网首页音视频处理
iOS-CoreImage实现透明视频

iOS-CoreImage实现透明视频

作者: 笑破天 | 来源:发表于2021-01-11 22:20 被阅读0次

整体思路:通过CoreImage处理每一帧图像,通过AVVideoComposition合成视频。


image.png

一、自定义滤镜

1、CIFilter

要对滤镜进行子类化,您需要执行以下任务:

  1. 声明过滤器输入参数的属性。 您必须在每个输入参数名称前添加input,如inputImage。
  2. 如有必要,重写setDefaults方法。(在此示例中没有必要,因为输入参数是设置值。)
  3. 重写outputImage方法。
class AlphaFrameFilter: CIFilter {
    private(set) var inputImage: CIImage?
    private(set) var maskImage: CIImage?
    override var outputImage: CIImage? {
            let filter = CIFilter(name: "CIBlendWithMask")
            let outputExtent = inputImage.extent
            let backgroundImage = CIImage(color: CIColor(string: "0.0 0.0 0.0 0.0")).cropped(to: outputExtent)
            filter.setValue(backgroundImage, forKey: kCIInputBackgroundImageKey)
            filter.setValue(inputImage, forKey: kCIInputImageKey)
            filter.setValue(maskImage, forKey: kCIInputMaskImageKey)
            return filter.outputImage
    }
}

2、CIColorKernel

private static var colorKernel: CIColorKernel? = {
        return CIColorKernel(source: "\n"
            + "kernel vec4 alphaFrame(__sample s, __sample m) {"
            + "    return vec4( s.rgb, m.r );"
            + "}")
    }()
let outputExtent = inputImage.extent
            let arguments = [inputImage, maskImage]
            return colorKernel.apply(extent: outputExtent, arguments: arguments)

3、CIKernel

private static var metalKernel: CIKernel? = {
        do {
            return try CIKernel.kernelByName(functionName: "alphaFrame")
        } catch {
            metalKernelError = error as? AlphaFrameFilter.ErrorType
            return nil
        }
    }()
let outputExtent = inputImage.extent
            let roiCallback: CIKernelROICallback = { _, rect in rect }
            let arguments = [inputImage, maskImage]
            return metalKernel.apply(extent: outputExtent, roiCallback: roiCallback, arguments: arguments)

二、AVVideoComposition合成视频

let playerItem = createTransparentItem(url: itemUrl)
func createTransparentItem(url: NSURL) -> AVPlayerItem {
        let asset = AVAsset(url: url as URL)
        let playerItem = AVPlayerItem(asset: asset)
        playerItem.seekingWaitsForVideoCompositionRendering = true
        playerItem.videoComposition = createVideoComposition(for: asset)
        return playerItem
    }

    func createVideoComposition(for asset: AVAsset) -> AVVideoComposition {
        let filter = AlphaFrameFilter(renderingMode: .colorKernel)
        let composition = AVMutableVideoComposition(asset: asset, applyingCIFiltersWithHandler: { request in
            do {
                let (inputImage, maskImage) = request.sourceImage.verticalSplit()
                let outputImage = try filter.process(inputImage: inputImage, mask: maskImage)
                return request.finish(with: outputImage, context: nil)
            } catch {
                debugPrint("Video composition error")
                return request.finish(with: NSError(domain: "placeholder", code: 0, userInfo: nil))
            }
        })
        composition.renderSize = asset.videoSize.applying(CGAffineTransform(scaleX: 1.0, y: 0.5))
        return composition
    }
extension AVAsset {
    var videoSize: CGSize {
        let videoTracks = tracks(withMediaType: AVMediaType.video)
        return videoTracks.first?.naturalSize ?? .zero
    }
}
extension CIImage {
    typealias VerticalSplit = (topImage: CIImage, bottomImage: CIImage)
    func verticalSplit() -> VerticalSplit {
        let outputExtent = self.extent.applying(CGAffineTransform(scaleX: 1.0, y: 0.5))
        let translate = CGAffineTransform(translationX: 0, y: outputExtent.height)
        let topRegion = outputExtent.applying(translate)
        var topImage = self.cropped(to: topRegion)
        topImage = topImage.transformed(by: translate.inverted())
        let bottomRegion = outputExtent
        let bottomImage = self.cropped(to: bottomRegion)
        return (topImage, bottomImage)
    }
}

相关文章

  • iOS-CoreImage实现透明视频

    整体思路:通过CoreImage处理每一帧图像,通过AVVideoComposition合成视频。 一、自定义滤镜...

  • Android透明视频的实现(适用于直播间全屏礼物、弹屏广告等场

    一、对于这样一个需求:播放一个普通的视频,但是要求能看见视频下面的视图,也就是视频实现透明的功能二、实现方法1.简...

  • iOS-GPUImage实现透明视频

    一、尝试思路 1、使用了GPUImageChromaKeyFilter[https://www.it1352.co...

  • iOS-CoreImage

    1.所属系统框架:Frameworks-CoreImage 2.框架内容 https://www.jianshu....

  • 学习周报3(2020.11.16-2020.11.22)

    文章:Android透明视频的实现(适用于直播间全屏礼物、弹屏广告等场景)https://www.jianshu....

  • CSS图片透明度

    opacity属性 利用opacity属性实现图片透明 hover属性 利用hover属性实现鼠标滑过,改变透明度...

  • 基于GPUImage模仿抖音灵魂出窍效果

    我们针对这个效果分析下实现的思路。1.底部的视频大小没有变化。2.上面有一个放大缩小的视频,然后带点透明度。参看前...

  • FFmpeg滤镜(9)

    FFmpeg视频抠图合并 FFmpeg除了半透明、透明水印处理外,还支持视频抠图与背景视频合并的操作——chrom...

  • 导出透明背景视频

    先导出png帧图片,然后用pr将帧图片添加到图层上。选择格式mov带aleph,即可。

  • 不透明度

    1、视频的不透明度越低,视频逐渐趋于黑色 方法:点击时间轴上的FX、选择不透明度、修改不透明度线 ,如果下方有视频...

网友评论

    本文标题:iOS-CoreImage实现透明视频

    本文链接:https://www.haomeiwen.com/subject/oqkjaktx.html