---
title: "Simple Screen Recorder With Vanilla JS"
url: https://daily.dev/posts/simple-screen-recorder-with-vanilla-js-vyb9hkhil
source_url: https://dev.to/seths10/simple-screen-recorder-with-vanilla-js-532c
type: article
source: "DEV"
author: "Seth Addo"
published: 2021-10-24T10:34:16.355Z
updated: 2021-10-25T06:16:02.729Z
tags: ["javascript"]
reading_time: 3
upvotes: 60
comments: 4
language: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Simple Screen Recorder With Vanilla JS

**[DEV](https://daily.dev/sources/devto)** · [@set_addo](https://daily.dev/set_addo) · 3 min read · 60 upvotes · 4 comments

## Summary

In this blog, you are going to learn how to create a screen recorder that does not only record your browser screen. Yes, it can record not only your active tab but the entire screen if you want. First of all, we will create an HTML file which contains a record button and a video element where you can play the recorded video. And we also need a JavaScript file.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://dev.to/seths10/simple-screen-recorder-with-vanilla-js-532c>

## Community discussion

Top comments from developers on daily.dev.

**@chapagainashik** · 1 upvotes

> This was amazing writing mate.

**@deathnetarq** · 1 upvotes

> Well, This is one of the most unique article i have read i am saying this because i had no idea that something like this even exist and is possible to do :)
> Well Done amazing Job brother keep going

## Similar posts on daily.dev

- [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 0 upvotes · 0 comments
- [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments
- [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments

---

Tags: [#javascript](https://daily.dev/tags/javascript)

[View this post on daily.dev](https://daily.dev/posts/simple-screen-recorder-with-vanilla-js-vyb9hkhil)