Repository files navigation

This project demonstrates how to use the Shotstack cloud video editing API to createa video using an HTML form and video sourced from the Pexels video library.

An HTML web form allows the user to search the Pexels library via the Pexels API, choosea soundtrack and add a title. A video is the created by the Shotstack API using the videoclips returned by the Pexels search and the track and title entered by the user.

View the live demo at:https://shotstack.io/demo/pexels/

The demo is built using Python and can be used with Flask Framework.

• Python 3+
• Pexels API key:https://www.pexels.com/api
• Shotstack API key:https://dashboard.shotstack.io/register

The project is divided in to a two components:

The backend API with an endpoint which searches the Pexels API, prepares the edit and poststhe data to the Shotstack API. A status endpoint is also available which can be polled toreturn the status of the video as it renders.

The backend API source code is in theapi directory.

The frontend is a simple HTML form that allows the user to enter a search term and basicoptions to create a video. The form uses jQuery to submit the data to the backend API andpoll the status of the current render. There is also a video player that is loaded withthe final rendered video when ready.

The front end API source code is in theweb directory.

Install python module dependencies:

cd apipip3 install -r requirements.txt

Copy the .env.dist file and rename it .env. Replace the environment variables below with yourPexels and Shotstack API key (staging key):

PEXELS_API_KEY=replace_with_your_pexels_keySHOTSTACK_API_KEY=replace_with_your_shotstack_key

To start the API and serve the front end form (from theapi directory):

cd apiflask run

Then visithttp://127.0.0.1:5000