iOS无声拍照,编辑遮罩。

作者: _kk_ | 来源:发表于2017-06-12 15:29 被阅读884次

    效果图如下:


    效果

    主要特点:
    1.任何场景下无声
    2.自动捕捉图片
    3.奇偶填充规则定义遮罩

    一、实现无声自动捕捉图片

    AVFoundation自定义相机,简述为一下,步骤:
    1.获取device(AVCaptureDevice.defaultDevice),设置通过device设置闪关灯,对焦,曝光度等属性。
    2.初始化输入输出。通过AVCaptureSession连接输入输出。
    3.通过session初始化预览层(AVCaptureVideoPreviewLayer)

    需求是任何条件下无声,拍照输出(AVCaptureStillImageOutput)默认的是有快门声的,当然也有解决方案,就是在拍照的时候播放一段与拍照声相反的声音抵消掉拍照声,原理类似主动降噪去掉快门声。但是在用程序控制连续多次拍照,会出现声音不同步的情况,不仅无法抵消还会有两次声音。
      另一种解决方案,用AVCaptureVideoDataOutput捕获视频帧,通过通过帧去创建一个图片。我们需要做的只有在其代理方法captureOutput(_ captureOutput: , didOutputSampleBuffer sampleBuffer:, from connection: )中通过sampleBuffer获取到数据创建image。

      ///  捕获取样buffer里的内容,创建一个图片
        func image(from sampleBuffer:CMSampleBuffer) -> Data{
            
            let imageBuffer = CMSampleBufferGetImageBuffer(sampleBuffer)
            CVPixelBufferLockBaseAddress(imageBuffer!, CVPixelBufferLockFlags(rawValue: 0))
            let baseAddress = CVPixelBufferGetBaseAddress(imageBuffer!)
            let bytesPerRow = CVPixelBufferGetBytesPerRow(imageBuffer!)
            let width = CVPixelBufferGetWidth(imageBuffer!)
            let height = CVPixelBufferGetHeight(imageBuffer!)
            let colorSpace = CGColorSpaceCreateDeviceRGB()
            let bitmapInfo = CGBitmapInfo(rawValue: CGImageAlphaInfo.noneSkipFirst.rawValue | CGBitmapInfo.byteOrder32Little.rawValue)
            
            /// 初始化一个
            let context = CGContext(data: baseAddress, width: width, height: height, bitsPerComponent: 8, bytesPerRow: bytesPerRow, space: colorSpace, bitmapInfo: bitmapInfo.rawValue)
            let quartzImage = context!.makeImage()
            
            CVPixelBufferUnlockBaseAddress(imageBuffer!, CVPixelBufferLockFlags(rawValue: 0))
            let image = UIImage(cgImage: quartzImage!)
            let data = UIImageJPEGRepresentation(image, 0.5)
            return data!
            
        }
    
    

    二、实现遮罩

    关于遮罩有以下几种解决方案:
    1.view拼凑,通过上下左右4个view拼凑出一个遮罩
    2.用imageView,给一个半透明图片
    3.用UIGraphicsGetCurrentContext奇偶填充规则画
    前两者比较常规,第一个甚至有点low,但是在没有其他解决方案的情况下,为了实现功能也算一个聪明的选择(第一看到别人这么做我也很惊讶,想法很独特)。

    view拼凑法

    第二种方法更简单直接,但需要找UI妹子。

    重点就是第三种方法,利用奇偶填充规则,其实也很简单,但是稍微比前两者有B格点。

    奇偶填充规则:

    这个规则,来源于图形学中奇偶规则,用来判断一个自相交的多边形的某个点是否在多边形内。相交点数为奇数表示在多边形内,偶数表示在多边形外。对应在iOS中填充规则,奇数填充,偶数不填充。

    奇偶填充规则

    基于这个原则,我们就可以直接在遮罩view画一个镂空的图层。具体实现:

            let context = UIGraphicsGetCurrentContext()
            let path1 = UIBezierPath(rect: bounds)
            let path2 =  UIBezierPath(roundedRect: tipRect, cornerRadius: 5)
            context?.addPath(path1.cgPath)
            context?.addPath(path2.cgPath)
            context?.setFillColor(UIColor.black.withAlphaComponent(0.5).cgColor)
    //这里设置填充规则
            context?.drawPath(using: .eoFill)
    
    

    然后把遮罩view的背景色设为透明,添加到相机预览view上就可以实现上面的效果。
    这是我demo,如果觉得有用希望star一下,如果有错也希望大家不吝指正。

    相关文章

      网友评论

        本文标题:iOS无声拍照,编辑遮罩。

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