阿里云短视频SDK for iOS —— （二）静态与动态贴纸拍摄

一般我们在拍摄时都会有 静态贴纸 和 动态贴纸 的需求，如下图所示

静态贴纸

动态贴纸

阿里云短视频SDK也为开发者提供了相关的API，下面我就分别介绍 静态贴纸 与 动态贴纸 拍摄的实现过程

静态贴纸

• 静态贴纸一般用于添加一些水印，背景之类的图片。实现过程并不复杂，主要是调用AliyunIRecorder.h中添加图片的API

/**
 添加图片

 @param image 图片
 */
- (int)applyImage:(AliyunEffectImage *)image;

实现步骤

1. 引用文件

#import 

2. 创建 recorder 属性

@property (nonatomic,strong) AliyunIRecorder *recorder;

3. 初始化 recorder

_recorder = [[AliyunIRecorder alloc] initWithDelegate:self videoSize:CGSizeMake(720, 1280)];

// 预览视图，必须设置
_recorder.preview = self.view;

//  摄像头角度
_recorder.cameraRotate = 270;

/*
视频的输出路径
注意：若上一次录制的 outputPath 路径的视频存在沙盒里没有删除，并且与本次录制的视频路径且相同重名的话，录制将会失败
*/
_recorder.outputPath = outputPath;

// 视频的输出类型
_recorder.outputType = AliyunIRecorderVideoOutputPixelFormatType420f;

/*
文件配置路径
注意：若上一次录制的 taskPath  路径的视频存在沙盒里没有删除，并且与本次录制的视频路径相且同重名的话，录制将会失败
*/
_recorder.taskPath = taskPath;

// 美颜状态
_recorder.beautifyStatus = YES;

// 设置美颜度 [0,100]
_recorder.beautifyValue = 0;

// 使用自带人脸识别，开启该功能，系统会在检测到有人脸动图加入时自动进行追踪显示
_recorder.useFaceDetect = YES;

// 后置摄像头采集分辨率 默认：AVCaptureSessionPreset640x480
_recorder.backCaptureSessionPreset = AVCaptureSessionPreset1280x720;

// 前置摄像头采集分辨率 默认：AVCaptureSessionPreset640x480
_recorder.frontCaptureSessionPreset = AVCaptureSessionPreset1280x720;

// 设置识别人脸的个数  最大是3个 最小是1个  如果不需要检测人脸 使用:useFaceDetect = NO
_recorder.faceDetectCount = 2;

// 开始预览，cameraPosition 摄像头位置（前置、后置）
[_recorder startPreviewWithPositon:AliyunIRecorderCameraPositionBack];
    
// 设置视频最大时长 默认8
_recorder.clipManager.maxDuration = 30;

// 初始化拍摄时的音乐对象，
AliyunEffectMusic *music = [[AliyunEffectMusic alloc] initWithFile:musicUrl];
music.startTime = 0;
music.duration = 30;

// 为拍摄的视频添加音乐
[_recorder applyMusic:music];

4. 初始化AliyunEffectImage对象，path:沙盒中图片的路径，如:/var/mobile/Containers/Data/Application/E3226363-3BB2-406E-B694-48FCE996D18F/Documents/1542794682_9090.png

AliyunEffectImage *effectImage = [[AliyunEffectImage alloc] initWithFile:path];

5. 将effectImage添加到recorder上

[_recorder applyImage: effectImage];

动态贴纸

• 动态贴纸一般用于添加一些动态的表情，装饰，或者背景之类的。实现过程相对比较复杂，主要是调用AliyunIRecorder.h中添加图片的API

/**
 添加动图

 @param paster 动图
 */
- (int)applyPaster:(AliyunEffectPaster *)paster;

实现步骤

1. 初始化recorder，与 静态贴纸 前三步一致，这里就不多赘述

2. 制作动态贴纸文件夹：

• 创建一个文件夹，如图创建一个名为xiangkuang的文件夹
  

  image.png

• 将动态贴纸以序列帧图片的形式放入文件夹中，并且按照序列帧图片的顺序，分别取名为xiangkuang0.png，xiangkuang1.png，xiangkuang2.png...
  注意：图片的命名方式为：文件夹名 + 数字.png。数字是从0开始，按照序列帧图片的顺序进行自增
  如下图所示：
  

  30AD0B41-DC9B-4D98-A3C4-765B0802DDA2.png

• 创建config.json文件，config.json的作用主要是进行一些参数配置，如下图所示：
  在图中我已经对一些重要的参数进行了标注
  

  984D8E88-3CC1-4E54-B2AC-6C66367D08F0.png

• 将动态贴纸文件夹存入沙盒中

3. 初始化AliyunEffectImage对象，path:沙盒中动态贴纸文件夹的路径，如:/var/mobile/Containers/Data/Application/2472A768-9517-4108-9C22-DDC5D3F64A9C/Library/Caches/DownloadShowDancePasterZip/xiangkuang

AliyunEffectPaster *effectPaster= [[AliyunEffectPaster alloc] initWithFile:path];
/*
    AliyunPasterTypeNormal : 普通贴纸
    AliyunPasterTypeFace : 人脸贴纸
*/
effectPaster.type = AliyunPasterTypeNormal;

4. 将effectPaster添加到recorder上，然后就可以看到动态贴纸的效果了

[_recorder applyPaster: effectImage];