Embedded video editor using Javascript

The Shotstack white label video editor SDK is an embeddable tool for developers and product teams to add video editing capabilities to their applications. Instead of building a video editor from the ground up, you can embed Shotstack's white label video editor SDK into your app. This gives your users a video editor that can be customised to look and feel like part of your brand.

Developing a complete video editing application from scratch is a huge undertaking. It requires experienced engineers, months of development and ongoing maintenance and optimisation. It's a significant investment in time and money.

Shotstack ships with all the essential video editing features you need, including cut and trim, stitching clips, transitions, filters and effects and lets you merge videos, images, text and audio. All accessible using an easily embeddable JavaScript snippet.

Installation

Shotstack's white label video editor SDK is available as an embeddable library that can be included in your application. The SDK can be installed inside of the script tag.

<script src="https://js.shotstack.io/studio/0.5.3/shotstack.min.js"></script>

Embed

Embed your white-labeled video editor within the script tag of your html. Choose whether you want an interactive timeline and style the editor using your brand colours.

window.shotstack.create('editor', template, {
owner: 'wmr650wlai',
interactive: true,
timeline: true,
sidebar: true,
controls: true,
style: {
colors: {
primaryColor: '#2ecc71',
secondaryColor: '#fd79a8'
},
logo: {
url: 'https://shotstack-assets.s3.amazonaws.com/icons/unicorn.svg'
}
},
});

Interact

Interact directly with the video editor or load an updated Edit object describing your edit.

window.shotstack.load(targetId, json, {});

Render

Use the Shotstack Video Editing API to render videos created in Shotstack's white label video editor SDK.

const edit = window.shotstack.edit;

SHOTSTACK STUDIO SDK

Frequently Asked Questions

Can I embed the Studio SDK into any application?
Yes, you can embed the video editor into any application that supports iframes. This includes web applications, mobile applications, and desktop applications.
What editing capabilities does the video editor support?
We aim to provide a comprehensive video editing experience comparable to the best video editing software available. This includes the ability to add video, audio, images, text, and effects, as well as the ability to trim, split, and merge clips. We also support advanced capabilities such as animations, tweening, keyframes, QuickTime alpha transparency support, and much more.
What does pricing look like for the white-label video editor?
The Studio SDK comes bundled with all our subscriptions. This means you can use the Studio SDK to create videos with your own branding and distribute them to your users. Pricing is based on the minutes of videos created and the number of users who access the Studio.
Is this an AI Video Editor?
Shotstack supports a wide range of text-to-speech, text-to-video, image-to-video, and other AI models, which directly integrate with the Studio SDK. This allows you to create videos with AI-generated content, such as automatically generated voiceovers, avatars, and more.
How can I style the editor?
The Studio SDK provides a range of styling options to align the Studio with your brand. This includes the ability to change the color scheme and customize the editor's UI.
Can I use this as a standalone preview player?
Yes, you can configure the Studio to act as a standalone preview player, allowing you to preview videos created with the Studio SDK.
It would have taken a lot of research on what technologies we needed to leverage technically for us to achieve the desired outcome. This would have taken at least two months of engineering time for a simple use case, and up to 6 months if the scope widened. Hector Zarate, Spotify

You could spend thousands of hours developing your own video editing API, increasing time to market and costing money.