Tutorials
Follow along these tutorials using api.video
Dive into our collection of tutorials, from learning on how to use api.video, building clones, to quick integrations. Whether you're a getting started or already building video-centric products, check our step-by-step guides.
LATEST ARTICLES
Tutorials · 6 min read
Api.video Analytics: Build a Choropleth Map (and find out what one is)
Build a choropleth showing viewer density by country with Python and Observable!
Erikka Innes · April 8, 2021
Tutorials · 13 min read
Building record.a.video part 3: the MediaRecorder API
As we continue our series on creating record.a.video, I'll discuss the MediaRecorder API, where I create a video stream from the browser canvas to create the output video. This output stream then feeds into the video upload (for video on demand playback) or the live stream (for immediate and live playback).
Doug Sillars · April 7, 2021
Tutorials · 7 min read
Building record.a.video part 2: The screenCapture API
This is part 2 of the continuing series of interesting webAPIs that I used to build record.a.video. In this post, we'll record the screen, using the Screen Capture API.
Doug Sillars · April 6, 2021
Tutorials · 5 min read
Tips for working with api.video analytics data
Get some tips about data structure and working with api.video analytics data. Code samples are in Python but you can apply the information about the data structures to any other language you want to use.
Erikka Innes · March 31, 2021
Tutorials · 8 min read
Building record.a.video part 1: MediaDevices.getUserMedia() for camera and audio recording
With record.a.video, we grab the camera and microphone inputs from the device to record the video. The MediaDevices.getUserMedia() API allows the browser to interact with external media devices, and read their output.
Doug Sillars · March 29, 2021
Tutorials · 5 min read
Building "Loom" in the browser: record a video with api.video
Building a video recording app like Loom - in the browser! Share your camera and screen, and get a shareable link to your video. Not only is it possible, but we added live streaming as well!
Doug Sillars · March 26, 2021
Tutorials · 6 min read
Add Captions to Your Video with Maestra and api.video
Learn how to create automatic captions for a video in English and Spanish, then get them working with api.video in Python.
Erikka Innes · March 22, 2021
Tutorials · 4 min read
How to add a thumbnail to your live stream
Learn how to add a thumbnail to your live stream using the api.video API and Python!
Erikka Innes · March 17, 2021
Tutorials · 4 min read
Secure live streams with unique overlay
Adding a unique overlay to your sensitive live stream is a great way to prevent data leaks - no one will release a screenshot of your new product if there is a watermark on the video that says "<user's name>" across the screen, as you'll know immediately who leaked the footage. Learn how to create a custom overlay for your live stream, and keep the stream secure from sharing.
Doug Sillars · March 12, 2021
Tutorials · 5 min read
Adding an "animated GIF" with api.video
By default, your api.video has a thumbnail preview - where an image "poster" is displayed. In this example, we'll add a looping animation from your video - giving a GIF-like effect to your preview.
Doug Sillars · March 9, 2021