Rate this page:

Video Recording

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

Functionality

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 a videorecorder application with a VideoRecorder scenario in it. The scenario will be processing inbound calls and record them:

Scenario code

Scenario code

Staying in the application, switch to the Routing tab to create a rule that will route the call made on a browser side to our scenario (if we dial videorec number – see the Pattern input):

Then we need to create at least one user within 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 https://github.com/voximplant/videorecorder. Follow the instructions provided to start the app locally, then enter the name of the newly created user and its password, and click "Start recording".