Implement Beauty

This page matches SDK 2.0.0. Auth: Auth & License. Makeup / reshape enums: Parameter enums.

Add SDK dependency

Method A: CocoaPods (recommended)

target 'YourTargetName' do
  pod 'Facebetter', '2.0.0'
end

pod install

Xcode 15+ compilation errorIf you are using Xcode 15 or later, you might encounter a Sandbox: rsync.samba deny(1) error. This is caused by User Script Sandboxing.Solution:

Select your Project in Xcode.
Open Build Settings.
Search for ENABLE_USER_SCRIPT_SANDBOXING.
Change the value from Yes to No.

Method B: Manual framework

Download the SDK from Download, copy Facebetter.framework into the project, and embed the dynamic library with Embed & Sign.

Permissions

Add camera permission in Info.plist only if the app captures from the camera:

<key>NSCameraUsageDescription</key>
<string>Camera permission required for beauty photography</string>

Import

#import <Facebetter/FBBeautyEffectEngine.h>

Log configuration

Logging is off by default. Call setLogConfig: before creating the engine.

FBLogConfig *logConfig = [[FBLogConfig alloc] init];
logConfig.level = FBLogLevel_Info;
logConfig.consoleEnabled = YES;
logConfig.fileEnabled = YES;
logConfig.fileName = @"/path/to/facebetter.log";
[FBBeautyEffectEngine setLogConfig:logConfig];

Create the engine

Bind the iOS Bundle ID, then pass either licenseToken or appId + appKey. See Get AppID and AppKey and Auth & License. Priority: if licenseToken is non-empty (license token string, {token} JSON, or .lic contents), the SDK validates it locally. Otherwise it uses appId + appKey against /facebetter/v2/auth.

FBEngineConfig *engineConfig = [[FBEngineConfig alloc] init];
engineConfig.appId = @"your appId";
engineConfig.appKey = @"your appKey";
// engineConfig.licenseToken = @"your license token";
engineConfig.externalContext = NO;  // YES only when you own the GL context

self.beautyEffectEngine = [FBBeautyEffectEngine createEngineWithConfig:engineConfig];
if (self.beautyEffectEngine == nil) {
  NSLog(@"Failed to create beauty engine");
  return;
}

createEngineWithConfig: returns an instance, not a singleton.

Skin beauty

Intensity is typically [0.0, 1.0]. Style enums: Parameter enums.

[self.beautyEffectEngine setSmoothing:0.5f];
[self.beautyEffectEngine setSmoothingStyle:FBSmoothingStyle_Natural];
[self.beautyEffectEngine setWhitening:0.3f];
[self.beautyEffectEngine setWhiteningStyle:FBWhiteningStyle_ColdWhite];
[self.beautyEffectEngine setSharpening:0.2f];
[self.beautyEffectEngine setRosiness:0.15f];

Skin-only

When enabled, smoothing / whitening / rosiness apply only to detected skin.

[self.beautyEffectEngine setBeautySkinOnly:YES];

Face reshape

setReshape:intensity: range is [-1.0, 1.0]. 0 is off. Parameters: FBReshape_FaceThin … FBReshape_BrowThickness (0–25). Meanings: Parameter enums.

[self.beautyEffectEngine setReshape:FBReshape_FaceThin intensity:0.4f];
[self.beautyEffectEngine setReshape:FBReshape_EyeSize intensity:0.2f];

Body reshape

setBodyReshape:intensity: range is [0.0, 1.0]. 0 is off. Register resource_body.fbd with addResourcePack: first. Parameters: FBBodyReshape_BodySlim … FBBodyReshape_TorsoLong (0–8). See Parameter enums and Optional resource packs.

NSString *bodyPack = [[NSBundle mainBundle] pathForResource:@"resource_body" ofType:@"fbd"];
[self.beautyEffectEngine addResourcePack:bodyPack];
[self.beautyEffectEngine setBodyReshape:FBBodyReshape_WaistSlim intensity:0.4f];
[self.beautyEffectEngine setBodyReshape:FBBodyReshape_LegStretch intensity:0.3f];
[self.beautyEffectEngine setBodyReshape:FBBodyReshape_TorsoLong intensity:0.3f];

Makeup

Intensity, shape, and color are separate calls. Full presets: Parameter enums.

[self.beautyEffectEngine setLipstick:0.5f];
[self.beautyEffectEngine setLipstickColor:FBLipstickColor_Rouge];

[self.beautyEffectEngine setBlush:0.4f];
[self.beautyEffectEngine setBlushStyle:FBBlushStyle_SunKissed];
[self.beautyEffectEngine setBlushColor:FBBlushColor_CoralPink];

[self.beautyEffectEngine setContour:0.35f];
[self.beautyEffectEngine setContourStyle:FBContourStyle_Natural];

[self.beautyEffectEngine setEyeShadow:0.4f];
[self.beautyEffectEngine setEyeShadowStyle:FBEyeShadowStyle_Soft];
[self.beautyEffectEngine setEyeShadowColor:FBEyeShadowColor_Plum];

[self.beautyEffectEngine setEyeLiner:0.4f];
[self.beautyEffectEngine setEyeLinerStyle:FBEyeLinerStyle_Classic];
[self.beautyEffectEngine setEyeLinerColor:FBEyeLinerColor_Coffee];

[self.beautyEffectEngine setEyebrow:0.4f];
[self.beautyEffectEngine setEyebrowStyle:FBEyebrowStyle_Natural];
[self.beautyEffectEngine setEyebrowColor:FBEyebrowColor_DarkBrown];

[self.beautyEffectEngine setEyelash:0.4f];
[self.beautyEffectEngine setEyelashStyle:FBEyelashStyle_Classic];
[self.beautyEffectEngine setEyelashColor:FBEyelashColor_Black];

[self.beautyEffectEngine setPupil:0.4f];
[self.beautyEffectEngine setPupilColor:FBPupilColor_Hazel];

Virtual background

Portrait segmentation is the default mask. Blur level is [0.0, 1.0]; 0 clears blur. Image path must be a non-empty png/jpg.

[self.beautyEffectEngine setVirtualBackgroundBlur:0.6f];
[self.beautyEffectEngine setVirtualBackground:imagePath];
[self.beautyEffectEngine setVirtualBackgroundWithData:pngOrJpegData];
[self.beautyEffectEngine clearVirtualBackground];

Chroma key

Chroma key replaces the mask only. Fill is still blur or the replacement image.

[self.beautyEffectEngine setChromaKey:FBChromaKeyColor_Green];
[self.beautyEffectEngine setChromaKeySimilarity:0.4f];
[self.beautyEffectEngine setChromaKeySmoothness:0.3f];
[self.beautyEffectEngine setChromaKeyDesaturation:0.2f];
[self.beautyEffectEngine clearChromaKey];  // back to portrait segmentation

Filters and stickers

Pass a .fbd file path or in-memory bytes. Changes take effect on the next processImage:.

NSString *filterPath = [[NSBundle mainBundle] pathForResource:@"chuxin" ofType:@"fbd"];
[self.beautyEffectEngine setFilter:filterPath];
[self.beautyEffectEngine setFilterIntensity:0.8f];
[self.beautyEffectEngine clearFilter];

NSData *filterData = [NSData dataWithContentsOfFile:filterPath];
[self.beautyEffectEngine setFilterWithData:filterData];

NSString *stickerPath = [[NSBundle mainBundle] pathForResource:@"cherry" ofType:@"fbd"];
[self.beautyEffectEngine setSticker:stickerPath];
[self.beautyEffectEngine clearSticker];
[self.beautyEffectEngine setStickerWithData:stickerData];

3D stickers need the optional resource_3d.fbd pack (not in the framework). See Optional resource packs:

NSString *packPath = [[NSBundle mainBundle] pathForResource:@"resource_3d" ofType:@"fbd"];
[self.beautyEffectEngine addResourcePack:packPath];
NSString *sticker3dPath = [[NSBundle mainBundle] pathForResource:@"oculos" ofType:@"fbd"];
[self.beautyEffectEngine set3DSticker:sticker3dPath];
[self.beautyEffectEngine clear3DSticker];

Callbacks and stats

FBEngineCallbacks *callbacks = [[FBEngineCallbacks alloc] init];
__weak typeof(self) weakSelf = self;
callbacks.onEngineEvent = ^(FBEngineEventCode code, NSString * _Nullable message) {
  // 0 license OK, 1 license fail, 100 init complete, 101 init fail
  NSLog(@"engine event %ld %@", (long)code, message);
};
callbacks.onFaceLandmarks = ^(NSArray<FBFaceDetectionResult *> * _Nullable results) {
  for (FBFaceDetectionResult *face in results) {
    NSLog(@"face %d keypoints %lu", face.faceId, (unsigned long)face.keyPoints.count);
  }
};
[self.beautyEffectEngine setCallbacks:callbacks];

FBEngineStats *stats = [self.beautyEffectEngine getStats];
NSLog(@"fps=%.1f avg=%.2fms session=%.1fs",
      stats.fps, stats.avgProcessTimeMs, stats.sessionTimeS);

Process images

FBImageFrame supports I420, NV12, NV21, RGB, RGBA, BGR, BGRA, file, texture, and UIImage.

FBImageFrame *fromFile = [FBImageFrame createWithFile:@"/path/photo.png"];
FBImageFrame *fromRGBA = [FBImageFrame createWithRGBA:data width:width height:height stride:stride];
FBImageFrame *fromUIImage = [FBImageFrame createWithUIImage:uiImage];

Set type then call processImage: (no extra mode argument). Output keeps the input format.

input.type = FBFrameTypeVideo;  // or FBFrameTypeImage
FBImageFrame *output = [self.beautyEffectEngine processImage:input];

FBFrameTypeVideo is for live streams; FBFrameTypeImage is for stills.

Rotate / mirror / convert / save:

[input rotate:FBImageRotation90];
[input setMirror:@"horizontal"];  // applied during processImage:
FBImageFrame *rgba = [output convert:FBImageFormatRGBA];
const uint8_t *bytes = [rgba data];
[output toFile:@"/path/out.jpg" quality:90];

YUV planes: dataY, dataU, dataV, dataUV and strideY / strideU / strideV / strideUV.

External texture

Create the engine on the OpenGL ES thread and set externalContext = YES. Input and output textures must share that context.

FBEngineConfig *config = [[FBEngineConfig alloc] init];
config.appId = @"your appId";
config.appKey = @"your appKey";
config.externalContext = YES;
self.engine = [FBBeautyEffectEngine createEngineWithConfig:config];

FBImageFrame *inputFrame = [FBImageFrame createWithTexture:textureId
                                                     width:width
                                                    height:height
                                                    stride:width * 4];
inputFrame.type = FBFrameTypeVideo;
FBImageFrame *outputFrame = [self.engine processImage:inputFrame];
GLuint outputTexture = [outputFrame texture];

Recommended texture params: GL_LINEAR, GL_CLAMP_TO_EDGE. The engine does not delete your input texture. Output textures are owned by the SDK. For TRTC / Agora / LiveKit: Third-party Integration.

Lifecycle

Keep a strong reference for the session. Nil the engine when the view controller is gone. Pause the capture session when leaving the screen so you stop calling processImage:.

- (void)dealloc {
  self.beautyEffectEngine = nil;
}

Introduction

Android

iOS

macOS

Windows

Linux

Web

Add SDK dependency

Method A: CocoaPods (recommended)

Method B: Manual framework

Permissions

Import

Log configuration

Create the engine

Skin beauty

Skin-only

Face reshape

Body reshape

Makeup

Virtual background

Chroma key

Filters and stickers

Callbacks and stats

Process images

External texture

Lifecycle

​Add SDK dependency

​Method A: CocoaPods (recommended)

​Method B: Manual framework

​Permissions

​Import

​Log configuration

​Create the engine

​Skin beauty

​Skin-only

​Face reshape

​Body reshape

​Makeup

​Virtual background

​Chroma key

​Filters and stickers

​Callbacks and stats

​Process images

​External texture

​Lifecycle

​Related

Add SDK dependency

Method A: CocoaPods (recommended)

Method B: Manual framework

Permissions

Import

Log configuration

Create the engine

Skin beauty

Skin-only

Face reshape

Body reshape

Makeup

Virtual background

Chroma key

Filters and stickers

Callbacks and stats

Process images

External texture

Lifecycle

Related