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

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

静态贴纸

动态贴纸

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

静态贴纸

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

 @param image 图片
 */
- (int)applyImage:(AliyunEffectImage *)image;
实现步骤
  1. 引用文件
#import <AliyunVideoSDKPro/AliyunVideoSDKPro.h>
  1. 创建 recorder 属性
@property (nonatomic,strong) AliyunIRecorder *recorder;
  1. 初始化 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];
  1. 初始化AliyunEffectImage对象,path:沙盒中图片的路径,如:/var/mobile/Containers/Data/Application/E3226363-3BB2-406E-B694-48FCE996D18F/Documents/1542794682_9090.png
AliyunEffectImage *effectImage = [[AliyunEffectImage alloc] initWithFile:path];
  1. effectImage添加到recorder
[_recorder applyImage: effectImage];

动态贴纸

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

 @param paster 动图
 */
- (int)applyPaster:(AliyunEffectPaster *)paster;
实现步骤
  1. 初始化recorder,与 静态贴纸 前三步一致,这里就不多赘述

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

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

    image.png

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

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

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

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

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

  1. 初始化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;
  1. effectPaster添加到recorder上,然后就可以看到动态贴纸的效果了
[_recorder applyPaster: effectImage];
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,292评论 4 61
  • 谈恋爱之前总有一段纠结时间。每天都在想:他是不是喜欢我?他如果喜欢我的话,怎么还不表白?如果我表白了,被拒绝发现是...
    喳西阅读 653评论 0 5
  • 一.css 1.定义: 层叠样式表,主要用于设置html页面中的文本内容以及外观显示样式。 2.与html的关系 ...
    CC5246阅读 408评论 0 0
  • 2018年10月23日 星期二 晴 今天值夜班,忙的一天没有回家。中午,两个孩子给我打电话,大宝告诉我语文...
    唯我喧圆阅读 110评论 0 0
  • 詹姆斯黑子哲也阅读 181评论 0 0