React Native Video Editor SDK
It delivers a seamless and intuitive experience for both developers and end-users, offering essential video editing features such as trimming, transforming, and composing videos, along with adding filters, stickers, and border frames. The editor is highly flexible, allowing you to assemble the tools you need to enable specialized use cases, such as annotation.
Download Demo App
Key Capabilities of the React Native Video Editor SDK#
Transform
Crop, flip, and rotate video clips.
Trim
Easily trim and cut videos to the desired length.
Compose Videos
Combine multiple video clips into a single seamless video.
Overlays & Stickers
Overlay images or stickers over videos.
Filters
60 high-quality filters with lightning-fast processing
Audio Overlays
Select audio clips overlay them on the video’s soundtrack.
Customizable UI
Tailor the user interface to match your app’s look and feel.System Compatibility#
VideoEditor SDK for React Native requires
- React Native: 0.60 OR Expo 45 (If you are using Expo)
- iOS: 13
- Android: 5 (SDK 21)
If your app depends on some older versions of these requirements please have a look at previous versions of the SDK. Please note that this module can not be used in the Expo Go application because it uses custom native libraries.
Video Formats and Compression#
On iOS, the SDK supports exporting videos in MP4 and MOV formats. These formats differ mainly in that MOV is proprietary to Apple. Video compression options include H.264 and HEVC (H.265).
On Android, VideoEditor SDK supports exporting videos in MP4 (H.264) and WEBM (VP8) formats.
Essential Guides#
To help you get started and make the most of the React Native Video Editor SDK, we've compiled a set of essential guides:
- How to Get Started: Integrate the editor into your project and start editing videos right away.
- How to Open the Editor: Learn how to initialize and open the video editor in your React Native application.
- How to Open & Load a Video: Load videos from the camera roll and other sources into the editor.
- How to Serialize and Deserialize the Editor State: Save the current state of the editor and restore it later, enabling seamless editing sessions.
- How to Use the Annotation Editor: Add annotations to your videos to highlight important information or add commentary.
- Understanding the SDK’s Architecture: Gain insights into the underlying architecture of the SDK to better understand its capabilities and how to utilize them.
- How to Use Native Interfaces: Bridge the gap between React Native and native code to leverage platform-specific features.
- How to Localize the Editor: Add localization support to the editor to cater to a global audience.
- How to Compose Videos: Learn how to combine multiple video clips into a single cohesive video.
By leveraging the React Native Video Editor SDK, you can provide your users with a rich and engaging video editing experience, all within the familiar environment of your React Native application. Start exploring the capabilities and transform your app today!
Customization the React Native Video Editor SDK#
You can tailor the editor’s user interface to match your app’s branding and user experience in several ways:
- Theming: Configure the colors used in the editor UI.
- Customize Editor Icons: Replace default icons with custom ones to maintain consistency with your app’s visual style.
- Customize Menu Items: Decide which tools appear in the menu and in what order, to tailor the editing experience to your users' needs.
500M+
