Adding Record Video Button in your website

It’s easy to get started, follow the steps below to embed the button:

  1. Login to your Hippo Video account and go to the INTEGRATIONS page.

  2. Click on the  button near the Generic Embed Widget

  3. Now copy the script code and place it inside the head tag. Preferably at the beginning, before all other scripts.

  4. Copy the html code and place it wherever you want the video recording button to appear.

P.S: To record screen, you viewers need to have the Chrome Extension.


Getting the recorded video

The input element will contain the recorded video's URL after recording is complete.


Javascript API

onLoad Callback

window.hippoWidget.onLoad(function(){
    //All widget related code here

});


Events

window.hippoWidget.on(eventname, callback);

Available events

record_initiated : when recording is initiated

record_started : when recording is started.(After user accepting permissions etc.)

record_paused : when user has paused the recording

record_resumed : when user resumes the paused recording

record_stopped : when user stops the recording

record_complete : when recording is complete. (event contains the video URL)

record_aborted : when user aborts the ongoing video recording/processing

record_error : when  there is an issue with recording. (event contains the error reason)


Example

window.hippoWidget.onLoad(function(){
    window.hippoWidget.on("record_initiated", function(){
        console.log("recording initiated");
    });

    window.hippoWidget.on("record_complete", function(event){
        console.log("recording initiated" + event.recorded_url);;
    });

});


Sample Page

You can also customize the button you want to be displayed on your page. Here are some sample pages:

1) https://www.hippovideo.io/embed-sample-form.html


2) https://www.hippovideo.io/hippowidgetsample.html


If you'd like to customize the button, please contact us at support@hippovideo.io