iOS无声拍照,编辑遮罩。
效果图如下:
效果
主要特点:
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,但是在没有其他解决方案的情况下,为了实现功能也算一个聪明的选择(第一看到别人这么做我也很惊讶,想法很独特)。
第二种方法更简单直接,但需要找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一下,如果有错也希望大家不吝指正。