Blog
Video Editing

How to Integrate a Swift Video Editor In Your iOS App

Want to make a video editing app in Swift? Need a mobile video editor in your app so that your users would create engaging social content? This post will show you how to integrate a Swift Video Editor for iOS. Learn its key features, understand the user journey and see how to apply them in your project.

[navigation]

About Video Editor SDK

AI Video Editor SDK is a full-featured, customizable video editing iOS framework written in Swift. It allows your users to easily realize video making functions like in most popular social apps, i.e. Instagram, TikTok and Snapchat. Users can add filters, video effects, music on top of their video, create and animate Stories, change backgrounds in video and then upload or share.

camera_preview-2Video Editor Camera Screen

You can use the SDK in your video app if you want to:

  • lower the entry threshold for video creation
  • engage users with video effects and augmented reality
  • generate more user content in your app
  • increase session time and content share ratio 
  • attract new users organically due to shares

Before you integrate a video editor inside your application, you need to understand its features and the user journey. While you can customize the look and feel of your editor, its logic and screen workflow remain unchanged. Here's how video capture and editing looks for a user.


Explore Video Editing SDK

Video Editor SDK Features and User Workflow

The Video Editor includes several modules, i.e. video recording, video editing, audio effects and Face AR. Each of them represents a specific set of features.

Recording

The video creation starts from the Recording screen. Here, the user sees the main controls. Tap to create a new video or upload one from the device. 

RecorderConfiguration 1Recorder Configuration Screen

Video tweaking features available on the recording stage

  • Turn on beauty filter for video recording to smooth skin 
  • Apply face or color filters to enhance the image
  • Play background music 
  • Change the recording speed

Other basic video capture features include a hands-free recording, zoom, flashlight, timer and an option to mute the microphone.

Video Editing

Once the recording is done the user proceeds to edit. The Video Editor is where users can show their creativity and achieve stunning videos. It contains video effects, Snapchat-like masks, text, GIF overlays and voice modification features to name but a few. 

EditorConfiguration video editingVideo Editing Configuration Screen: Effect Overlays

The timeline makes it easy to organize the add-ons. Whatever the user adds to the video, be that effects, GIF, text or music is shown on the timeline and has its adjustable length.

Video editing features

  • Trim video
  • Add music
  • Record and change voice
  • Apply Instagram-like color filters (LUTs)
  • Add text, GIFs
  • Apply video effects similar to TikTok 
  • Slow-mo and fast forward videos
  • Apply Snapchat-like masks

The licence includes a basic kit of video editing effects, see examples in 10 Best Video Editing Effects To Integrate Into Your App.

After editing, the user can export a video file or share it. The format and resolutions vary. You can also add a watermark to your app. 

Audio Browser

With Audio Browser users can add music and modify the voice in videos. Users can record their voice and add it as a track or change it to sound like a robot or elf.

AudioEditScreen 11Audio Browser Configuration Screen

There are two ways how users can add music to the video:

  1.  Select a track from the video editor library. We use the third party API, Mubert, which provides generative music organized by genres. You can also integrate other music APIs by your choice.
  2.  Upload music directly from a device. 

Audio Browser is an optional module. If video editing in your app doesn’t imply music, only voice, you can disable this module to make your app lighter.

Face AR

The Face AR module builds on face recognition and tracking technology. Users can apply Snapchat-like lens and 3D filters in real-time or as a video effect. They can also change and animate backgrounds, try on accessories, play with triggers and much more.  

RecorderEffectsConfiguration 2Face AR Effects Configuration Screen

Types of video face filters available

  • Realistic try-on 
  • Morphing effects
  • Animal and famous character filters
  • Video background remover
  • 2D/3D face stickers 
  • 3D facial animation
  • Trigger-effects enabled with facial expressions

Face AR content i.e. 3D masks and face tracking effects can be stored in the AR Cloud. Masks will be downloaded when the user has an internet connection.

Face AR and AR Cloud are optional modules. You may launch your video editor with the basic kit of LUT filters and video effects if your project means to offer minimal tools required to make videos on mobile.

In our example, we integrate the full SDK version for iOS with all of the features described above. 

Before The Integration

Trial license and token

We offer а free trial for you to test and assess Video Editor SDK functionality in your app. To receive the trial and token, get in touch with us by filling a form on our website.

Requirements:

  • iPhone devices 6+
  • Swift 5+
  • Xcode 12.4+
  • iOS 11.0+ 

Steps To Integrate The Video Editor [iOS, Swift] 


Step 1. Download and unpack the SDK sample for iOS

 Our SDK documentation and integration samples are stored on Github. Follow the link to find the integration sample for iOS and download the ZIP. Once done, a project folder will appear in your workspace.

Download iOS sample

Go to the downloaded project and select the Example folder. Open it in the terminal.


Step 2. Install dependencies

Run pod repo update to make sure that you use the latest SDK release. Then run pod install to connect the SDK. The project will initialize and automatically install all dependencies.

podfileVideo Editor Dependency Installation

  • The AR Cloud allows storing video effects and 3D filters on the server, not in the app which reduces the size of the app.
  • The Music and Audio pair is responsible for music overlay and browsing features. 
  • The VideoEditor represents the video processing functionality itself.
  • BanubaSDK and EffectPalyer are to initiate the camera, face tracking, Face AR and photo/video capture. If you don’t use the Face AR features in your video editor, you may disable them by removing them from the podfile.

Step 3. Launch your project 

Copy and paste the tokens to the ViewController.

  • In the BanubaVideoEditor → field ‘token’ add clientToken
  • In the BanubaVideoEditor → filed ‘cloudMasksToken’ add cloudMasksToken

Launch your project. When the SDK is built successfully, you’ll see the Video Editor appear.

Customization

Now, as you’ve integrated the SDK in your iOS project, you may customize the UI to fit your app. You can also localize the strings to target different markets. 

The video editor can fully have a unique look and feel, including your branded logos and styles. It’s a way-to-go for developers and brands who opt for the white label app approach. 

With the white label video editor model, you use the ready product, which mimics the best practices in video editing app development. It’s like having some of TikTok and Snapchat but under your brand. Apart from its obvious pros like time and effort saving, you benefit from the proven user interface structure tested in real apps.

Your video editor can have the following custom features:

At this stage, you can not change the layout and screen order. The hierarchy of the user interface builds on modules and the dependencies are interconnected. If you need custom video editor functionality or UX/UI, you can drop as a line to discuss it. 

Where To Integrate The Mobile Video Editor

The Video Editor fits into a wide range of communication platforms, short video and social media apps. Here are some of the most popular types of videos your users can create and apps where you can integrate the SDK. 


Video Editor SDK Use Cases

Entertainment. Create short video apps like TikTok where users can make entertaining videos and lip sync clips to express their talent and gain popularity. 

Social apps. Build communication platforms where users generate videos about what they like most, e.g. fashion, style, food or hobbies. 

E-commerce. Video editor built in an e-commerce platform, lets users quickly shoot unboxing videos or product reviews, helping you to engage consumers and increase conversion rates. 

Communication platforms. Integrate our video editor into your chat app to enrich user conversations. Users can record, edit and send videos right from the app to make their communication more interesting. 

Travelling. Allow travellers to create amazing vlogs about their journeys right on mobile. 

Education. Empower teachers and learners to interact with video, record lessons and create educational materials enriched with AR filters. We can provide filters by topic helping teachers immerse students into the subject. 

One of the best features of the Video Editor is that the user can capture multiple videos within one session. The progress is saved automatically. They all will be displayed on the bar. It’s a convenient way to cut the long process into pieces and join them into a single story. Users can record travel vlogs or document their kids’ birthday party.

With a hands-free mode, they can easily shoot cooking or crafting videos.

Case Study

The fastest way to see how the Swift video editing functionality works is to start your trial. Get in touch with us by filling a short form on our website. You can also check how the video editor was integrated into live apps.

Our client, the Indian-based video sharing platform integrated our Video Editor to mimic TikTok features in their app. Users create entertaining content using video editing features and effects. In just ten days, the app got 550,000 downloads and over 2.5 million downloads in total.

Another short video social app ( iOS, Android) integrated our Video Editor to help young people express their talent with video creation. Users can record 15-second video clips using a built-in mobile video editor. 

Our video SDK empowers a social app about fashion. Using intuitive tools, users can take 90-second videos about fashion, with automatically recognized tagging for items. Our Art team made AR masks designed specifically for the young audience. We assembled a collection of video effects to fit with the app style concept.

Summing Up

Using our SDK with a Swift video editing library is a faster and easier approach than developing one on your own from scratch. Our Video Editing SDK fits into a variety of use cases helping you to deliver the most convenient video tools for your users. We can personalize AR content and filters based on the audience interests, age, gender or geo to fit into your app concept.


Want to build an engaging social app with a powerful video editor?
Get in touch!

Explore Video Editing SDK

Top