iOS_视频图片的特效处理_GPUImage

GotoLevel

已于 2023-05-24 20:44:30 修改

阅读量116

点赞数

分类专栏： 2_iOS开发_4_效果篇文章标签： ios swift xcode

于 2023-05-22 21:14:46 首次发布

本文链接：https://blog.csdn.net/m0_52635912/article/details/130792685

版权

本文介绍了如何在iOS应用中利用GPUImage库进行图片和视频的特效处理，包括修改图片色调、调整饱和度和曝光度、像素化、对比度调整、图片像素混合、视频转单色效果、实时相机渲染以及录制特效影片并保存到相册。提供了详细的步骤和代码下载链接。

摘要由CSDN通过智能技术生成

效果展示: 6 将视频处理为单色效果:
效果展示: 7对相机画面进行实时渲染:
效果展示: 8 录制特效影片保存到相册:

0. GPUImage库的添加

请添加图片描述

import UIKit
import GPUImage //
class ViewController: UIViewController {
   
    
    var picture : PictureInput!  // 用来加载渲染后的 图片输入:
    var renderView : RenderView! // 渲染视图， 用来显示渲染后的图片:
    
    // 6
    var movie : MovieInput!
    
    // 7 相机
    var camera : Camera!
    
    override func viewDidLoad() {
   
        super.viewDidLoad()
        
        // 渲染视图， 用来显示渲染后的图片:
        let renderView = RenderView(frame: self.view.bounds)
        self.view.addSubview(renderView)
        
        // 加载 测试 图片:
        let eImg = UIImage(named:"Picture.jpg")!
        
        /// GPUImage:
        //yeTyeGPUImage1(eImg)
        //yeTyeGPUImage2(eImg);
        //yeTyeGPUImage3(eImg);
        //yeTyeGPUImage4(eImg);
        //yeTyeGPUImage5(eImg);
        //yeTyeGPUImage6(eImg);
        yeTyeGPUImage7(eImg);
    }
}

1. 使用GPUImage 修改图片的色调:

 // 1. 使用GPUImage 修改图片的色调:
    func yeTyeGPUImage1(_ eImg : UIImage){
   
        // 初始化一个色调 滤镜: 使用此滤镜渲染指定的图片:
        let toonFilter = ToonFilter()
        let filteredImage = eImg.filterWithOperation(toonFilter)
        
        //  获取渲染后的图片输入：
        picture = PictureInput(image: filteredImage)
        
        // --> 运算符:可以将图片输入链接到渲染视图，从而使得渲染视图显示渲染后的图片,
        picture --> renderView
        
        // 异步 对图片进行处理:
        picture.processImage()
    }

2. 修改图片的色彩饱和度:

// 2. 修改图片的色彩饱和度:
    func yeTyeGPUImage2(_ eImg : UIImage){
   
        picture = PictureInput(image: eImg)
        
        // 初始化饱和度调整,
        var filter = SaturationAdjustment()
        filter.saturation = 6 //设置饱和度的值在0到2之间，
        //饱和度的值: 1为默认值; 大于2时图像将会失真; 0：可以清掉图片上所有的色彩信息（即得到灰度图);
        
        // --> 运算符:可以将图像源传递到图像处理者，在处理后将结果传递到渲染视图,
        picture --> filter --> renderView
        picture.processImage()
    }