iOS Video Editor SDK
The CE.SDK video editor empowers developers to integrate powerful video editing capabilities into their iOS applications, providing users with an intuitive and fully customizable editing experience. Whether you're building an app for social media, content creation, or any other platform that requires robust video editing tools, the CE.SDK iOS Video Editor is designed to meet your needs.
Explore Demo
Key Capabilities of the iOS Mobile Video Editor SDK#
Multi-Format Support
Create videos in various formats, including story reels and Ultra HD, tailored for different channels like Instagram, TikTok, or custom formats.Templating
Jumpstart your users designs with easily adaptable templates including text variables and placeholders.Asset Management
Record, upload, or select pre-existing videos, images, and other media from a custom library to enrich video content.Advanced Editing Tools
Utilize features such as adjustments, filters, effects, and blur to fine-tune each element or the entire video, delivering a professional finish.Timeline Management
Arrange multiple video clips, images, text, stickers, and shapes on a timeline for precise control over the final output.Audio Integration
Enhance videos with audio tracks, either imported or selected from a custom asset library, to add another layer of creativity.Customizable UI
Tailor the video editing interface to match your application’s branding and user experience needs, ensuring an intuitive and engaging experience.Camera SDK
Easily integrate with our Camera SDK for dual camera, timers and moreSupported Platforms#
The iOS Mobile Design Editor SDK is compatible with applications built using SwiftUI. A UIKit implementation is also available for developers working within that framework.
Prerequisites#
To get started with the CE.SDK Video Editor on iOS, ensure you have the latest version of Xcode and Swift installed.
Supported Media Types#
IMG.LY's Creative Editor SDK enables you to load, edit, and save MP4 files directly in the browser without server dependencies.
The following file types can also be imported for use as assets during video editing:
- MP3
- MP4 (with MP3 audio)
- M4A
- AAC
- JPG
- PNG
- WEBP
Individual video scenes can be exported as MP4, AAC, Binary, or PDF files.
Understanding CE.SDK Architecture & API#
The following sections provide an overview of the key components of the CE.SDK video editor UI and its API architecture.
If you're ready to start integrating CE.SDK into your iOS application, check out our Implementation Guide.
CreativeEditor SDK Mobile Video UI#
The CE.SDK video editor UI is a specific configuration of the CreativeEditor SDK, focusing on essential video editing features. It includes robust tools for video manipulation, customizable to suit different use cases. Key components include:
- Canvas: The main workspace where users interact with their video content.
- Timeline: Provides control over the sequence and duration of video clips, images, and audio tracks.
- Tool Bar: Provides essential editing options like adjustments, filters, effectsi, layer management or adding text or images in order of relevance.
- Context Menu: Presents relevant editing options for each selected element, simplifying the editing process for users.
Learn more about interacting with and customizing the video editor UI in our design editor UI guide.
CreativeEngine#
At the core of CE.SDK is the CreativeEngine, which handles all rendering and video manipulation tasks. It can be used in headless mode or alongside the CreativeEditor UI. Key features and APIs provided by CreativeEngine include:
- Scene Management: Create, load, save, and manipulate video scenes programmatically.
- Block Management: Manage video clips, images, text, and other elements within the timeline.
- Asset Management: Integrate and manage video, audio, and image assets from various sources.
- Variable Management: Define and manipulate variables for dynamic content within video scenes.
- Event Handling: Subscribe to events like clip selection changes or timeline updates for dynamic interaction.
Customizing the iOS Video Editor#
CE.SDK provides extensive customization options, allowing you to tailor the UI and functionality to meet your specific needs. This can range from basic configuration settings to more advanced customizations involving callbacks and custom elements.
Basic Customizations#
Configuration Object: Customize the editor’s appearance and functionality by passing a configuration object during initialization.
let settings = EngineSettings(license: secrets.licenseKey,userID: "<your unique user id>",baseURL: URL(string: "https://cdn.img.ly/packages/imgly/cesdk-engine/1.35.0/assets")!)Custom Asset Sources: Serve custom video clips or audio tracks from a remote URL.
UI Customization Options#
Theme: Choose between 'dark' or 'light' themes.
var editor: some View {DesignEditor(settings).preferredColorScheme(colorScheme == .dark ? .light : .dark)}Color Palette: Configure the editor color palette to match a particular CI:
DesignEditor(settings).imgly.colorPalette([.init("Blue", .imgly.blue),.init("Green", .imgly.green),.init("Yellow", .imgly.yellow),.init("Red", .imgly.red),.init("Black", .imgly.black),.init("White", .imgly.white),.init("Gray", .imgly.gray),])
Framework Support#
CreativeEditor SDK’s video editor is compatible with Swift and Objective-C, making it easy to integrate into any iOS application.