Screen recorder theme component (experimental)

Theme component
1

Experimental - not recommended for use on production sites (see below)

This theme component allows you to record your screen directly into the Discourse composer, using the MediaRecorder API.

:link: Source

:paintbrush: Demo

To use, you need to add webm as a supported file format in your site settings.

Demonstration:

Known issues:

  • Recording videos is only supported on Firefox and Chrome. (Safari coming in next version)

  • Playing back the recorded videos (webm format) is not supported on mobile or desktop safari

  • There is no file size indicator or limit, so if the video is too long it can cause an error when uploading

  • There is no progress indicator when uploading

Hopefully browser support will eventually improve, so that this is usable. The same technique could be adapted to record sound, or webcam video.

25 Likes
2

When I click the recording button, then this theme/component’s recording screen itself keeps showing in between the display. If I don’t close it, it keeps interfering with my recording (stays in the middle) and if I close it, recording (would) stops.

image
image1307Ă—652 55.1 KB

3

This is just an experiment - it’s certainly not polished yet. I would not recommend putting it in a production site (See OP for reasons)

As for the “stays in the middle” issue, right now it’s designed for recording other tabs/application, rather than Discourse itself. So just switch to another tab, record stuff, then switch back when you’re done.

7 Likes
4

Great idea, but it needs a bit more “finalizing”. I think I’ll add this to our site once this theme component is less buggy, as this is a great way to make screencasts to show steps for coding.(Our forum is a coding site). Nice work though. :slight_smile: