美文网首页iOS DeveloperiOS美颜
关于GPUImage之美颜相机

关于GPUImage之美颜相机

作者: 村长大人tardis_cxx | 来源:发表于2017-05-23 17:11 被阅读238次

iOS GPUImage 美颜相机


GPUImage是一个强大的图像处理库,其中美颜相机,可以让我们实现自定义美颜拍照功能,这里只说拍照功能的实现。

实现思路:

  • GPUImage封装了AVFoundation相机API,所以它拥有拍照和拍摄视频的功能,即GPUImageStillCamera
  • GPUImage提供了125种滤镜,其中有曝光、磨皮、美白、饱和度这些实用滤镜,那么我们把这些滤镜使用addTarget()函数加入到相机中,是否能够实现美颜相机呢?

首先创建相机,创建滤镜属性:

/// 相机
fileprivate var camera: GPUImageStillCamera!
    
fileprivate var isFirst: Bool = true
    
/// 美白-1 ~ 1
fileprivate var brughtnessFilter: GPUImageBrightnessFilter!
/// 磨皮
fileprivate var bilateralFilter: GPUImageBilateralFilter!
/// 曝光-10 ~ 10
fileprivate var exposureFilter: GPUImageExposureFilter!
/// 饱和
fileprivate var saturationFilter: GPUImageSaturationFilter!
/// 滤镜组
fileprivate var filterGroup: GPUImageFilterGroup!

设置相机,设置滤镜,开始扫描拍照:

@IBAction func startCapturing(_ sender: UIButton) {
        if isFirst {
            // 1. 创建GPUImage中的相机
            let camera = GPUImageStillCamera(sessionPreset: AVCaptureSessionPresetHigh, cameraPosition: .front)
            camera?.outputImageOrientation = .portrait
            self.camera = camera
            
            // 2. 添加滤镜
            filterGroup = GPUImageFilterGroup()
            
            let brughtnessFilter = GPUImageBrightnessFilter()
            brughtnessFilter.brightness = 0.2
            self.brughtnessFilter = brughtnessFilter
            
            let bilateralFilter = GPUImageBilateralFilter()
            bilateralFilter.distanceNormalizationFactor = 5
            self.bilateralFilter = bilateralFilter
            
            let exposureFilter = GPUImageExposureFilter()
            exposureFilter.exposure = 0
            self.exposureFilter = exposureFilter
            
            let saturationFilter = GPUImageSaturationFilter()
            saturationFilter.saturation = 1
            self.saturationFilter = saturationFilter
            
            // 设置滤镜关系
            brughtnessFilter.addTarget(bilateralFilter)
            bilateralFilter.addTarget(exposureFilter)
            exposureFilter.addTarget(saturationFilter)
            
            filterGroup.initialFilters = [brughtnessFilter]
            filterGroup.terminalFilter = saturationFilter
            
            camera?.addTarget(filterGroup)
            
            
            // 3. 创建GPUImageView
            let gpu_ImageView = GPUImageView(frame: view.bounds)
            view.insertSubview(gpu_ImageView, at: 0)
            filterGroup.addTarget(gpu_ImageView)
            
            isFirst = false
        }
        
        // 4. 开始采集
        camera?.startCapture()
}

GPUImageFilterGroup是一个关联滤镜的滤镜组,其父类为GPUImageOutput,在扫描预览时需要加入GPUImageView对象。
有了扫描获取图像,那么就需要拍摄功能:

@IBAction func takePhoto(_ sender: UIButton) {
        camera.capturePhotoAsImageProcessedUp(toFilter: filterGroup) { (image: UIImage?, error: Error?) in
            guard let image = image else {
                return
            }
            
            UIImageWriteToSavedPhotosAlbum(image, nil, nil, nil)
        }
}

拍摄获取当前扫描画面,传入的是一个滤镜,但想要加入前面多个滤镜,那么就只能传入GPUImageFilterGroup,获取到图片,写入相册!
停止扫描:

@IBAction func stopCapturing(_ sender: UIButton) {
        camera.stopCapture()
}

切换摄像头:

@IBAction func rotateCamera(_ sender: UIButton) {
        camera.rotateCamera()
}

除了扫描之外,其他3个功能几乎用一行代码就可以搞定。如此,就可以实现了我们美颜相机功能,当然,上面代码中各滤镜的相关数值都是固定死的,要想加强美颜程度,可以额外添加控件来调节,从而改变美颜效果,如用UISlider

相关文章

  • 关于GPUImage之美颜相机

    iOS GPUImage 美颜相机 GPUImage是一个强大的图像处理库,其中美颜相机,可以让我们实现自定义美颜...

  • iOS-DIY美颜相机

    本例是使用GPUImage开源框架,生成美颜相机。实时采集画面,进行美颜。 GPUImage GPUImage是开...

  • 2019-03-22

    GPUImage 之 GPUImageVideoCamera 实现美颜相机功能,并将美颜后的视频保存到手机相册

  • GPUImage之美颜相机

    相关类 GPUImageStillCamera是GPUImageVideoCamera的子类,两者的作用都是提供来...

  • 视频滤镜

    GPUImage原生美颜 GPUImage原生美颜 步骤一:使用Cocoapods导入GPUImage步骤二:创建...

  • iOS库之GPUImage

    iOS库之GPUImage GPUImageVideoCamera 相机视频输入源, GPUImageStillC...

  • 使用 GPUImage 实现一个简单相机

    本文介绍了如何使用 GPUImage 来实现一个简单的相机。具体功能包括拍照、录制视频、多段视频合成、实时美颜、自...

  • iOS GPUImage实现美颜相机功能(优秀)

    本文介绍了如何使用 GPUImage 来实现一个简单的相机。具体功能包括拍照、录制视频、多段视频合成、实时美颜、自...

  • iOS GPUImage实时美颜滤镜

    1.背景 前段时间由于项目需求,做了一个基于GPUImage的美颜+滤镜相机。现在各种各样的直播、小视频App层出...

  • GPUImage美颜

    来源【如何快速的开发一个完整的iOS直播app】(美颜篇) 利用GPUImage处理直播过程中美颜的流程 采集视频...

网友评论

    本文标题:关于GPUImage之美颜相机

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