Video Recording

Video Recording

Video Recorder

We have recently released video recording functionality (not to be confused with client side recording released by browser vendors) and there is a number of cases when it can be very useful. This tutorial explains how to use this new functionality to build video recorder web app using our Web SDK in minutes.


The application will have rather simple functionality - user logs in, click record button and the video recording starts, after he clicks stop button video being saved and URL to the video is sent to the client for further playback in HTML video element.

Creating VoxImplant entities

First of all we need to create scenario that will be processing inbound call and record it:

VoxEngine.addEventListener(AppEvents.CallAlerting, (e) => {, handleCallConnected);, handleRecordStarted);, VoxEngine.terminate);, VoxEngine.terminate);;

function handleCallConnected(e) {
  // Record call including video{video:true});

function handleRecordStarted(e) {
  // Send video URL to client{url: e.url}));

Let's call it VideoRecorder and save. Then we need to create VoxImplant application , and application Rule that will route the call made on a browser side to our scenario (if we dial videorec number - see the Pattern input): app


Then we need to assign at least one user to the application and it's time to work on the client application.

Web application

We have started to use TypeScript and React for web app development recently, so let's make our app using this stack. You can get the app from

B6A24216-9891-45D1-9D1D-E7359CEB8282 Created with sketchtool.


Add your comment

Please complete this field.


Get your free developer account or talk with our sales team to learn more about Voximplant solutions