iOS GPUImage之GPUImageMovie视频滤镜（1）

最新推荐文章于 2026-04-11 07:24:21 发布

原创最新推荐文章于 2026-04-11 07:24:21 发布 · 5.1k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

iOS-多媒体/GPUImage

本文探讨了如何使用GPUImage在iOS上为视频应用滤镜，通过分析Debug navigator，发现CPU和内存使用在视频播放过程中的显著变化，揭示了滤镜处理对资源的影响。


示例：使用GPUImageMovie为视频添加滤镜，并投射到视图播放

注意 1：视频处理后输出到 GPUImageView 预览时不支持播放声音，需要自行添加声音播放功能。
注意 2：关注CPU和内存占用问题



//
//  ViewController.m
//  GPUImageTest2
//
//  Created by 黄健 on 16/7/2.
//  Copyright © 2016年 黄健. All rights reserved.
//

#import "ViewController.h"

#import "GPUImage.h"

@interface ViewController () <GPUImageMovieDelegate>

@property (weak, nonatomic) IBOutlet GPUImageView *gpuImageView;
@property (nonatomic,strong) GPUImageMovie *movie;

@end

@implementation ViewController

- (void)viewDidLoad
{
    [super viewDidLoad];

    /**
     *  在快手(或秒拍)下载的小视频，大小637KB，时长8s，尺寸480x640
     *
     *  http://tx2.a.yximgs.com/upic/2016/07/01/21/BMjAxNjA3MDEyMTM4MjhfNzIwMjExNF84NTc1MTQ1NjJfMl8z.mp4?tag=1-1467534669-w-0-25bdx25jov-5a63ad5ba6299f84
     */
    NSURL *sampleURL = [[NSBundle mainBundle]URLForResource:@"demo" withExtension:@"mp4" subdirectory:nil];

    /**
     *  初始化 movie
     */
    _movie = [[GPUImageMovie alloc] initWithURL:sampleURL];

    /**
     *  是否重复播放
     */
    _movie.shouldRepeat = NO;

    /**
     *  控制GPUImageView预览视频时的速度是否要保持真实的速度。
     *  如果设为NO，则会将视频的所有帧无间隔渲染，导致速度非常快。
     *  设为YES，则会根据视频本身时长计算出每帧的时间间隔，然后每渲染一帧，就sleep一个时间间隔，从而达到正常的播放速度。
     */
    _movie.playAtActualSpeed = YES;

    /**
     *  设置代理 GPUImageMovieDelegate，只有一个方法 didCompletePlayingMovie
     */
    _movie.delegate = self;

    /**
     *  This enables the benchmarking mode, which logs out instantaneous and average frame times to the console
     *
     *  这使当前视频处于基准测试的模式，记录并输出瞬时和平均帧时间到控制台
     *
     *  每隔一段时间打印： Current frame time : 51.256001 ms，直到播放或加滤镜等操作完毕
     */
    _movie.runBenchmark = YES;

    /**
     *  添加卡通滤镜
     */
    GPUImageToonFilter *filter = [[GPUImageToonFilter alloc] init];//胶片效果
    [_movie addTarget:filter];

    /**
     *  添加显示视图
     */
    [filter addTarget:self.gpuImageView];

    /**  
     *  视频处理后输出到 GPUImageView 预览时不支持播放声音，需要自行添加声音播放功能
     *  
     *  开始处理并播放...
     */
    [_movie startProcessing];

}

- (void)didCompletePlayingMovie
{
    NSLog(@"已完成播放");
}

@end


如果想要实时查看 GPUImageMovie 的处理进度，添加定时器就可以了

1. 定义 NSTimer *_timer;

2. 在viewDidLoad方法中添加定时器：

/**
 *  添加定时器
 *  如果想实时查看 GPUImageMovie 处理进度，
 *  先设置 _movie.runBenchmark = NO;  或直接删除该语句
 *  这样就可以在控制台上清晰的看到处理进度
 */
_timer = [NSTimer scheduledTimerWithTimeInterval:0.1f target:self selector:@selector(retrievingProgress) userInfo:nil repeats:YES];

3. 添加定时器执行的方法：

- (void)retrievingProgress {

    NSLog(@"Sample Complete:%f", _movie.progress);

    if(_movie.progress == 1)
    {
        [_timer invalidate];
    }
}

》》测试

注意左侧的Debug navigator变化：
CPU猛增，播放完毕归零。
内存猛增，播放完毕不降。

运行效果