Skip to main content
Skip table of contents

Shotstack

Introduction

Shotstack is a cloud-based video editing and rendering platform designed to simplify and automate the video creation process. It allows users to create high-quality, professional-looking videos quickly and easily, without the need for advanced technical skills or expensive software.

With Shotstack, users can upload their own media, choose from a library of pre-made templates, and customize their videos with text, effects, and transitions.

The platform also offers an API for developers to integrate video rendering into their own apps.

You can find more details and the supported operation on Shotstack | qibb Catalog.

How to get started with Shotstack integration

Before you get started using Shotstack integration, you need to create API keys. You can visit Shotstack Authentication page to get more information.

  1. To create an API Key you can logging in to your account.

  2. After logging in to your account you can click on the Get API Keys button which is in the main page of dashboard.

  3. You will see two different API keys for testing, developing (Stage) and production (Prod).

  4. Copy one of the API keys depending on the use case to be able to use it later in the flow.

  5. Go to qibb  Workflow Editor, open Node Catalog in the right sidebar, and install Shotstack node by clicking on the + button.

  6. Drag the Shotstack node from the left sidebar and place it in your flow.

  7. Double-click the Shotstack node to open its configuration window.

  8. In the "Host URL" field, enter the appropriate API endpoint URL depending on your use case: https://api.shotstack.io/edit/v1 for production usage without watermarks or https://api.shotstack.io/edit/stage to use the development sandbox.

  9. In the "Advanced" tab, enter your API key in the "Security" field.

  10. In the "Parameters" tab, configure the Shotstack node to suit your specific video editing needs. The data required for video creation includes:

    • background - sets the background color or image for the video.

    • timeline - defines the video's sequence of clips, transitions, and effects.

    • output - specifies the output format and resolution of the video.

      Each of these options can be configured using JSON syntax. You can find detailed information on how to structure the JSON data for Shotstack in the Shotstack API documentation.

  11. Once you have configured the Shotstack node with the appropriate data, you can connect it to other nodes in your workflow to create a complete video editing automation.

Note that the specific data and parameters required to configure the Shotstack node will depend on the specific video editing task you want to accomplish. It's recommended to refer to the Shotstack API documentation or examples in the Flow Catalog to get a better idea of how to structure the JSON data and achieve specific video editing tasks.

Importing flow examples of a node

Once you've successfully installed a node from the qibb catalog, you can easily import example flows that showcase how the nodes can be used. These example flows are directly accessible within the Flow Editor and are designed to guide users with helpful hints, including how to configure mandatory parameters and credentials.

Here's how to import examples:

  1. In the top right corner of the Flow Editor, click on the menu icon.

  2. Select Import to open the Import Dialog.

  3. Click on the Examples tab.

  4. Choose an example from the list.

  5. Confirm your selection by clicking on the Import button.

By following these steps, you are now ready to make basic API calls using the provided examples. For further exploration of what’s possible, you can find more complex examples in the Flow Catalog.

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.