JavaScript

LATEST ARTICLES

Kid covering ears

Tutorials · 5 min read

Volume warnings

Many video providers will warn you if the volume level is too high. Learn how to do the same with api.video

Doug Sillars · May 14, 2021

a.video demos

Video trends · 6 min read

Sample apps using api.video: a.video

Here at api.video we want to make it easy for people to share and distribute video, ensuring video is the **way** to communicate. But we are often asked - “what can I do with your API?” Read on to see some of the demos we have created!

Doug Sillars · April 15, 2021

pichart of operating systems

Tutorials · 3 min read

api.video Analytics: Create a pie chart showing what operating system is most popular to view

Using D3, Observable, and Python, we'll create a pie chart showing what operating system is most popular to view video content with.

Erikka Innes · April 12, 2021

A map showing viewer density per city using api.video data, Observable, Geocoding, and Open Layers

Tutorials · 6 min read

Api.video Analytics: Add markers representing viewer density per city to a map with Observable

Learn how to add a circle representing live stream viewership per city on a map using api.video, Open Layers, and Observable.

Erikka Innes · April 11, 2021

speech bubble

Tutorials · 7 min read

Building record.a.video part 4: Using the WebSpeech API for live captioning

The Web Speech API converts audio into text, in near real time, allowing to create 'instant' captions for any video being created in the app. This is an experimental API that only works in Chrome, but was so neat, I included it in record.a.video, because the idea of live captions was just too hard to resist!

Doug Sillars · April 9, 2021

choropleth, apivide, api.video, data analytics

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

Building record.a.video part 3: the MediaRecorder API

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

Building record.a.video part 2

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

counting with an abacus

Product updates · 3 min read

New feature: Analytics libraries for 3rd party video players!

We've launched libraries for your favourite video players, allowing you to add api.video's analytics into your 3rd party player!

Doug Sillars · April 1, 2021

diagram of a cube with electrical cord

Video trends · 4 min read

The Web APIs of record.a.video

We’ve just released [record.a.video](https://record.a.video), a web application that lets you record and share videos. If that were not enough, you can also livestream. The page works in Chrome, Edge, Firefox Safari (14 and up), and on Android devices. In this post, I'll walk through the APIs used in app.

Doug Sillars · March 30, 2021