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无声拍照,编辑遮罩。

    效果图如下: 主要特点:1.任何场景下无声2.自动捕捉图片3.奇偶填充规则定义遮罩 一、实现无声自动捕捉图片 用A...

  • iOS渐变彩色文字、iOS mask 遮罩

    iOS渐变彩色文字、iOS mask 遮罩 使用到了YYCategories 彩色文字 过渡遮罩

  • IOS获取相册图片,并通过空心圆遮罩剪裁

    IOS开发获取相册图片,并给图片编辑页面加上空心圆遮罩 先放效果图 1、获取图片,使用UIImagePickerC...

  • Axure实现遮罩效果

    很多时候我们在编辑视频的时候经常需要用到遮罩的效果,一般制作遮罩动画,就是指一个遮罩层同时遮罩多个被遮罩层的遮罩动...

  • iOS11 UIImagePickerControllerEdi

    升级到iOS11后,使用UIImagePickerController拍照或选择相册图片,并设置 进行编辑图片时,...

  • 移动端部分兼容问题调整

    ios系统中元素被触摸时产生的半透明灰色遮罩怎么去掉ios用户点击一个链接,会出现一个半透明灰色遮罩, 如果想要禁...

  • 会声会影X7“遮罩帧的使用”

    会声会影遮罩帧就是在制作视频编辑里由黑白两种颜色组成的BMP图像,在编辑软件里将遮罩帧添加到视频或图像素材时,黑色...

  • 2018-08-07

    iOS全屏遮罩简单实现 1.首先创建一个SYMaskView...

  • opacity通道和智能材质,sp

    ctrl alt+右键点击切换图层,alt+q隔离显示。 编辑快速遮罩y,几何体填充全部黑色,要画遮罩的填充白色 ...

  • ios自定义照相机

    由于项目里面需要对拍照后的图片进行编辑,当点击拍照后,拍照按钮变成编辑按钮,然后点击编辑,跳入图片编辑器。系统的照...

网友评论

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

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