# Best way to implement a screen recording option in a web app

**URL:** <https://discourse.processing.org/t/best-way-to-implement-a-screen-recording-option-in-a-web-app/492>\
**Category:** Project Guidance\
**Created:** [May 29, 2018, 2:47pm UTC](https://discourse.processing.org/t/best-way-to-implement-a-screen-recording-option-in-a-web-app/492 "2018-05-29T14:47:54Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jithin](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/jithin/32/122_2.png) [@Jithin](https://discourse.processing.org/u/Jithin)\
**Post date:** [May 29, 2018, 2:47pm UTC](https://discourse.processing.org/t/best-way-to-implement-a-screen-recording-option-in-a-web-app/492/1 "2018-05-29T14:47:54Z")

</div>

I’m developing a web app in which I need to provide a feature for screen recording the webpage (possibly a div) and the audio. What is the best way to implement this?

---

<div class="post-metadata">

**Author:** ![jeremydouglass](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/jeremydouglass/32/20_2.png) [@jeremydouglass](https://discourse.processing.org/u/jeremydouglass)\
**Post date:** [May 29, 2018, 8:34pm UTC](https://discourse.processing.org/t/best-way-to-implement-a-screen-recording-option-in-a-web-app/492/2 "2018-05-29T20:34:26Z")

</div>

> [@Jithin](#):
>
> screen recording the webpage (possibly a div)

Can you say more about what you mean by this? Do you mean that you are drawing to a p5.js canvas and you also wish to let the user save that animation to a client-side movie file? Or are you trying to allow recordings that then become available server-side…?

---

<div class="post-metadata">

**Author:** ![Jithin](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/jithin/32/122_2.png) [@Jithin](https://discourse.processing.org/u/Jithin)\
**Post date:** [May 30, 2018, 1:45am UTC](https://discourse.processing.org/t/best-way-to-implement-a-screen-recording-option-in-a-web-app/492/3 "2018-05-30T01:45:12Z")

</div>

What I’m lwishing to do iI want to implement a screen recorder option in my webapp to allow teachers to record the screen and audio from the web app itself without having the difficulty of using third party apps for the same. Not ,just a p5 sketch but webpage as a whole. Is webRTC a good option . I found that it can be used to record a canvas and thee are tools for the conversion of html elements to canvas.

[https://html2canvas.hertzen.com](https://html2canvas.hertzen.com)

Thanks  
Jithin KS