iOS DeveloperGitHub上有趣的资源GitHub 中文社区

iOS无声拍照,编辑遮罩。

2017-06-12  本文已影响884人  _kk_

效果图如下:


效果

主要特点:
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一下,如果有错也希望大家不吝指正。

上一篇下一篇

猜你喜欢

热点阅读