JavaScript-powered Screen Recording Tool – ScreenRecorderJs

Category: Javascript | March 21, 2022
Views Total:261 views
Official Page:Go to website
Last Update:March 21, 2022


JavaScript-powered Screen Recording Tool – ScreenRecorderJs


ScreenRecorderJs is a JavaScript-powered screen recording tool for all web browsers. It is built on the MediaDevices API and therefore does not require Flash or any other plugins to work.

It enables you to record webpages, games, web apps, and compiled code in a full-featured, easy-to-use way. Its main goal is to be simple and lightweight, so you can focus on your work instead of dealing with complicated settings.

See Also:

How to use it:

1. Create an empty HTML5 video into which the ScreenRecorderJs capture your browser’s screen.

<video src="" class="hide" id="video" width="600px" controls autoplay loop></video>

2. Create a Record button to star capturing the screen.

<button class="record-btn">Record</button>

3. Create a Stop button to exit the Recording mode and save the video as a webm file.

<button class="stop-btn hide">Stop</button>

4. Hide the Stop button on page load.

  display: none;

5. Load the main script recorder.js at the end of the document. That’s it.

<script defer="true" src="./assets/js/recorder.js"></script>

You Might Be Interested In:

Leave a Reply