Blog
Video Editing

Integrating Banuba Video Editor SDK With a React Native App

Banuba AI Video Editor SDK can be integrated into video processing apps built with React Native. This brief guide will show you how to do it.

About Video Editor SDK

Banuba AI Video Editor SDK adds powerful processing functionality to your React Native app. It includes the core functionalities like trimming and music editing, as well as AR filters and effects on par with TikTok and Snapchat. With this SDK, your users will be able to create short clips, slideshows, animated stories, and much more.

Unlike many competing products, Banuba AI Video Editor SDK is fully compatible with cross-platform frameworks like React Native and Flutter.

Why React Native

For the last few years, this technology has remained the most popular framework for developing cross-platform mobile applications.

Source: Statista

It uses the popular JavaScript and boasts up to 95% code reuse between Android, iOS, and Web. This means if you build a video editor with React Native, your work would become more efficient, with the total development time decreasing by up to 30% for a multiplatform app.

What’s more, React Native works almost as fast as native technologies and can integrate native code. This is crucial in resource-intensive apps like video processing software. Using this framework together with Banuba Video Editor SDK will save many weeks of work and allow you to go to market much faster. For more details, see our article: “How to develop a mobile video editor app”.


Core features:

  • Video capture and processing.
  • Video trimming. Cutting and resizing the beginning and end of a clip.
  • Camera filters. LUTs, face masks, animation, and pretty much anything TikTok and Snapchat have.
  • Face beautification. Smoothing face and neck, removing wrinkles and acne, evening-out skin tone, etc.
  • GIFs and text overlays.
  • Music and voice effects. Adding soundtracks and applying effects like a robot voice.
  • Slideshows. Made from photos in the gallery, or taken right away. 

How to integrate Banuba VE SDK with React Native Video Editor


Step 1. Getting a token

To begin the free trial of the SDK and gain all the video processing benefits for your React Native app, start with requesting a unique trial token. It will unblock the SDK for use in your project. Getting it is simple: just fill out a form on our website.


Step 2. Integration

Android

  1. Make sure variable ANDROID_SDK_ROOT is in your environment.
  2. Put Banuba Face AR token in resources.
  3. Run command npm run android to launch the sample on device or cd android && ./gradlew clean && cd .. && npm run android to clean and re-run the sample.

iOS

  1. Install cocoapods dependencies using commands pod init(if needed) and pod install in the ios folder.
  2. Insert Banuba Face AR token.
  3. Run command npm run ios to launch the sample on the device.

Congratulations, you’ve successfully integrated our SDK in your React Native video editor!

What’s next

Feel free to learn more about our AI Video Editor SDK on the dedicated page. You might also want to read a few relevant articles:

Try our SDK for free. And if you have any questions about our product, don’t hesitate to reach out!

Start Free Trial

Top