/screenity

The most powerful screen recorder & annotation tool for Chrome 🎥

Primary LanguageJavaScriptMIT LicenseMIT

Screenity

Demo
The most powerful screen recorder & annotation tool for Chrome 🎥

Get it now - it's free!

Screenity is a feature-packed screen and camera recorder for Chrome. Annotate your screen to give feedback, emphasize your clicks, edit your recording, and much more.

Made by Alyssa X

Screenity - The most powerful screen recorder for Chrome | Product Hunt Featured on HackerNews

Features

🎥 Make unlimited recordings of your tab, desktop, any application, and camera
✏️ Annotate by drawing anywhere on the screen, adding text, and creating arrows
👀 Highlight your clicks, focus on your mouse, or hide it from the recording
🎙️ Individual microphone and computer audio controls, push to talk, and more
⚙️ Custom countdowns, show controls only on hover, and many other customization options
💾 Export as mp4, gif, and webm, or save the video directly to Google Drive
✂️ Trim or remove sections of your recording
🌐 Available in English, Catalan, Spanish (by Carmen Madrazo), French (by Marie), Portuguese, Brazilian Portuguese, German (by Christian Heilmann), and Korean (by Dong-Hyeon, Kim). More languages coming soon!
...and much more - all for free & no sign in needed!

Here's a Google Sheet to compare Screenity's features with other free & premium screen recorders available for Chrome.

Libraries used

  • jQuery - for better event handling and DOM manipulation
  • FabricJs - for interactive text and arrows (optimized custom build)
  • FFMPEG - to convert the video to GIF or MP4
  • Jquery Nice Select - for better, more stylish dropdowns
  • Nouislider - for the range sliders used for trimming / removing parts of the recording
  • Pickr - for the color picker
  • Plyr - for the video player shown when editing the recording

Feel free to reach out to me through email at hi@alyssax.com or on Twitter if you have any questions or feedback! Hope you find this useful 💜