Tutorials · 6 min read 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 part 3: the MediaRecorder API

As we continue our series on creating, 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 part 2: The screenCapture API

This is part 2 of the continuing series of interesting webAPIs that I used to build 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 analytics data

Get some tips about data structure and working with 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 part 1: MediaDevices.getUserMedia() for camera and audio recording

With, 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

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

Learn how to create automatic captions for a video in English and Spanish, then get them working with in Python.

Erikka Innes · March 22, 2021

Tutorials · 5 min read

How to add a thumbnail to your live stream

Learn how to add a thumbnail to your live stream using the API and Python!

Erikka Innes · March 17, 2021

Tutorials · 5 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

By default, your 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