Tutorials and Demos

api.video's tutorials and demos landing page. You can see a list of content available by endpoint that will help you get started building your video project.

A great way to get started with api.video, is by checking out our demos and tutorials. See a use case in action for proof of concept, or grab the code and use it for your own project. If you're looking for details about a smaller task, try our cookbook tutorials - these are short and sweet walkthroughs for key tasks you'll need to complete various projects with API Video.

Cookbook Tutorials

Cookbook tutorials are short and sweet descriptions of how to complete common tasks you'll need for your sample application. Think of them like legos you can use to build whatever you want. We've organized them according to the corresponding API endpoint you'd use to complete the task.

Authentication Recipes

  • Authentication Steps - Walkthrough the steps for authentication. Every call made to the API.video API requires an access token.

Video Recipes

Live Stream Recipes

Captions Recipes

  • Adding Captions - Captions allow hearing impaired users to read the words being said in your video. It also improves watch times, and can improve your SEO.
  • Auto Caption a Video - Automatically add video captions to your videos by combining api.video with the Authot transcription APIs.

Chapter Recipes

Player Recipes

  • Creating Video Playlists - Use the JavaScript Player SDK to create a video playlist. This is also available as a demo at a.video - watch.a.video/playlist.
  • Video Player Customisation - api.video's player is fully customisable. Learn what you can do to brand our video player.
  • Inserting Custom Headers - If you want to create a private video, it has a URL token that can be used only once. To authenticate the token, you need to insert a custom header in your player. With api.video's player, this is handled for you, but if you want to use your own player, you'll need to learn how to set up the header. Find out how here!
  • Using api.video with 3rd Party Video Players - If you want to use a different player than the one offered by api.video, this tutorial will show you how.

Raw Statistics Recipes

  • Analytics with api.video - Retrieve and transfer all of the view data for your videos into a database, and learn about the viewers of your videos.
  • Dynamic Metadata - This tutorial shows you how to set variables in video metadata that you can use to segment your audience and track usage based on different audience metrics.
  • Resume a Video - Use session data to resume videos in the spot where your user left off.
  • Video Analytics: A Primer - This tutorial shows you how to track how many people watch your video, where they watch from, how much of a video they watch, whether they rewind or skip ahead, and more.

Demos

We have two great demo sites for you to check out:

For complete, running demos you can use as-is or tweak as needed, check out api.video. We offer numerous sample applications to give you ideas about what our product can do. You can go to github for each project to go through the code, and if there are any concepts you need help with, check out our Cookbook Tutorials.

  • Upload a Video - Video upload from the browser using the delegated token and the file slice API - allows for easy upload of even the largest videos - right from the browser!
  • Upload a Video: To Discord - Connecting the video upload app to the Discord API gives an easy video bot for Discord.
  • Moderate a Video - Video Moderation uses AI to determine if the video's content is inappropriate for your users. When a user uploads a video - it enters a moderation queue, and then is categorised automatically.
  • Livestream a Video - Use this demo app to try livestreaming with api.video right from your browser. Simply replace the RTMP url with your personal livestream link, and you'll be using your account.
  • Watch a Video Broadcast - api.video's livestreaming lets you watch a video from anywhere. This page will display the stream (if live) or just show the thumbnail if the livestream is not currently broadcasting.
  • Watch a Video Playlist - There are a number of reasons you might like to queue several videos to play one after another. In this application, we use the api.video player, and a simple JavaScript array of videoIds to create a player that plays one video after another.
  • Resume a Video - When you're interrupted in the middle of a long video - it's great when the service "remembers" where you left off. Learn how to implement this with your api.video account.
  • Who's Watched a Video - Have you ever wondered who's watching your videos? With api.video's analytics, it is easy to find out! This demo shows a simple extraction of data from our analytics.
  • Sharing a Video: Sending a Video via Live Stream - Watch a video with a friend and chat about it while it plays.
  • Understanding Video Parameters: ffprobe - Learn how to use ffprobe (part of the ffmpeg package) to find out more about a video's parameters.

Zapier is a tool that lets you combine your favorite applications in no or low code solutions. If you don't have a lot of coding experience, but you have a great idea, you might be able to set it up with Zapier. Grab a Zapier account, and check out what we have! We've put together a few combinations you can demo.

  • Send SMS with Twilio on api.Video Upload - When a video is uploaded to api.video, send an SMS with Twilio.
  • Upload New Videos from Amazon S3 to api.Video - When a video is added to a S3 instance, submit it to api.video.
  • Send Slack Messages for New Videos in api.video - When a new video is created at api.video, send a message in Slack.
  • Load New VideoAsk Video Response to api.video - Do you want to share your VideoAsk responses more broadly? Use this VideoAsk-api.video integration to automatically upload new VideoAsk video responses into your api.video account. Easily reuse your video responses outside your VideoAsk account, on social media, your website, and beyond.
  • Upload New Videos from Dropbox to api.video - Looking for an easy way to send the new videos from your Dropbox account to your api.video account? Use this integration to have all your new videos from your Dropbox folder automatically uploaded in your api.video account. With no further action needed, find your videos uploaded and encoded, ready to be shared!
  • Send Emails Through Gmail for New Videos in api.video - Looking to easily notify your audience by email when you have a new video on your api.video account? This api.video-Gmail integration will trigger automatically every-time a new video is uploaded on your api.video account. Customize your email and spread the news about your new videos quickly!

Did this page help you?