Code Monkey home page Code Monkey logo

screenity's Introduction

Screenity

jiewjjc232

The free and privacy-friendly screen recorder with no limits πŸŽ₯

Get it now - it's free!

Screenity is a powerful privacy-friendly screen recorder and annotation tool to make better videos for work, education, and more. You can create stunning product demos, tutorials, presentations, or share feedback with your team - all for free.

You can support this project (and many others) through GitHub Sponsors! ❀️

Made by Alyssa X

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

❗️ Screenity has been rebuilt from the ground up, and updated to MV3. Click here to here to learn more about why, and what's changed in the new version. Also note that the license has changed to GPLv3, but the older MV2 version remains MIT licensed. Make sure you read the license and the Terms of Service regarding intellectual property.

Table of contents

Features

πŸŽ₯ Make unlimited recordings of your tab, a specific area, desktop, any application, or camera
πŸŽ™οΈ Record your microphone or internal audio, and use features like push to talk
✏️ Annotate by drawing anywhere on the screen, adding text, arrows, shapes, and more
✨ Use AI-powered camera backgrounds or blur to enhance your recordings
πŸ”Ž Zoom in smoothly in your recordings to focus on specific areas
πŸͺ„ Blur out any sensitive content of any page to keep it private
βœ‚οΈ Remove or add audio, cut, trim, or crop your recordings with a comprehensive editor
πŸ‘€ Highlight your clicks and cursor, and go in spotlight mode
⏱️ Set up alarms to automatically stop your recording
πŸ’Ύ Export as mp4, gif, and webm, or save the video directly to Google Drive to share a link
βš™οΈ Set a countdown, hide parts of the UI, or move it anywhere
πŸ”’ Only you can see your videos, we don’t collect any of your data. You can even go offline!
πŸ’™ No limits, make as many videos as you want, for as long as you want
…and much more - all for free & no sign in needed!

Self-hosting Screenity

You can run Screenity locally without having to install it from the Chrome Store. Here's how:

  1. Download the latest Build.zip from the releases page
  2. Load the extension by pasting chrome://extensions/ in the address bar, and enabling developer mode.
  3. Drag the folder that contains the code (make sure it's a folder and not a ZIP file, so unzip first), or click on the "Load unpacked" button and locate the folder.
  4. That's it, you should now be able to use Screenity locally. Follow these instructions to set up the Google Drive integration.

Creating a development version

❗️ Note that the license has changed to GPLv3 for the current MV3 version (Screenity version 3.0.0 and higher). Make sure to read the license and the Terms of Service regarding intellectual property.

  1. Check if your Node.js version is >= 14.
  2. Clone this repository.
  3. Run npm install to install the dependencies.
  4. Run npm start.
  5. Load the extension by going to chrome://extensions/ , and enabling developer mode.
  6. Click on Load unpacked extension.
  7. Select the build folder.

Enabling Save to Google Drive

To enable the Google Drive Upload (authorization consent screen) you must change the client_id in the manifest.json file with your linked extension key.

You can create it accessing Google Cloud Console and selecting Create Credential > OAuth Client ID > Chrome App. To create a persistent extension key, you can follow the steps detailed here.

Libraries used

Acknowledgements

If you need any help, or want to become a Screenity expert, you can browse articles and guides in the help center. You can also submit any feedback or ideas in this form, or contact through this page

Feel free to reach out to me through email at [email protected] or on Twitter if you have any questions or feedback! Hope you find this useful πŸ’œ

screenity's People

Contributors

alyssaxuu avatar angelobottazzo avatar blinovartem avatar blood72 avatar briankim12 avatar canmavi avatar codepo8 avatar erickvils avatar glgapr avatar harad avatar mcnaveen avatar netsrac avatar pranjalagg avatar xkonglong avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

screenity's Issues

Create and Switch Scenes

When recording a tutorial for example it is nice to have the option to create scenes and switch between the scenes during the recording.

To start of a few common scenes can be hard-coded and would cover 80% of all the typical cases:

  • Full Webcam view
  • Full Webcam view + the Desktop as a window.
  • Collection of scenes, where Webcam porthole and Desktop are preset to:
    • Center,
    • top-left, top-right, bottom-left, bottom-right,
    • In size S, M, L

Assign shortcuts to the above scenes so the user who is recording can quickly switch between the scenes while recording.

Here is explainer for OBS, so you know what I am talking about https://www.youtube.com/watch?v=yfPRUElyZKI

Screenity does not work in the desktop option

Hi
First I appreciate your efforts.
I am trying to record my desktop ( Mac ), i clicked on it in the desktop option then share, but it doesn't work, in the Tab option, it works fine.

Best regards

Adam

Desktop limitations (Windows 10)?

  1. I'm on Windows 10, and I'm not seeing a recorded camera circle if I choose the Desktop - Application Window option (that is not a browser application window). Guessing this is a limitation? If so, I wouldn't allow the camera to be recorded for the Desktop - Application Window option.

  2. I also can't use the annotations tool, if I start a Desktop recording, on an application window that's not the browser. Again, maybe a limitation of a browser extension? If so, don't offer the option for Desktop recording.

Awesome start, and really looking forward to using it more for work! πŸ˜„

hi I want ask something about navigator.mediaDevices.getUserMedia

I use this api in background.js like this :
navigator.mediaDevices.getUserMedia({video: false,audio: true}).then(stream=>{}).catch(err=>{console.log(err)})

But it always console log error If I want to get stream, do I need to do anything special?

Thanks Looking forward to your reply

the circle where the webcam should be disappears

after starting the recording the grey circle appears where the camera should be ... but it disappears immediately!
watch the 4 frame attached
In the "Camera only" recording all works well !

frame2
frame1
frame3
frame4

can not work

image
it is always showed lick the photo above, it can not get the microphone and camera 's permission, and can not start to work ,my pc is a mac pro

Hiding recording of controls

Super easy to use, just wondering if there is a way to hide the controls from being seen in the final recording? The highlighting and other tools are really useful, but i don't really want end users seeing me selecting these while i'm recording.

Live share visual studio plus screenity extension results in white screen

thanks for putting work into this extension, when I try to record desktop video I don't have any of the drawing tools available for me, only within a browser, maybe it would be impossible to have a tool outside of the browser window. The second issue is when I try to record a live share session from the visual studio website, the whole website becomes blank, maybe the way DOM gets manipulated is conflicting the way vscode live is working

image

[Information] Disable recorder

Hi!
First, congratulations! I love this extension! And second i want to ask if it possible use this tools without necessarily having to record the screen, just only highlight mouse or similar :)

Thank you!

transcription, speech to text

Accessible transcriptions / captions is one more column for your feature matrix. I don't think that any screen recording tools have this! It would be nice to be able to share a screen recording with sync'ed transcript, and add headings to have an outline to skip around the recording, reply inline... Accessible UX to help everybody = inclusive design.

https://voice.mozilla.org/stt might be a starting place.

I'd love to contribute, is anybody else interested?

Unable to record desktop

Hi Alyssa,
Thank you for the amazing project. I'm using it in Ubuntu 16.04 and Chrome browser. I'm able to record tabs properly but when I try recording desktop, it starts and stops within seconds. When I enabled error collection, I found the following error

Uncaught (in promise) InvalidStateError: Failed to execute 'createMediaStreamSource' on 'AudioContext': MediaStream has no audio track

Would you know what likely would have caused this issue?

Mic icon seems confusing to me

Screenshot 2020-11-22 133444

Does the mic icon confuse anyone as well? What if we change the "mic off" icon to red crossed? Just like the google meet has
image

Because the blue icon makes me think the mic is on and working and the white is off.

While recording larger videos, it starts to behave abnormally

I'm on Chrome Version 86.0.4240.111 (Official Build) (64-bit).
I'm using screenity to record my work primarily between 2 windows (Chrome @ localhost:3000 and Visual Studio Code Editor).

There are multiple problems that I face, here's the list:

  1. If I have 3 tabs open, the webcam feed will only be visible in 2 tabs. Sometimes it does show on all 3. Sometimes it doesn't.

  2. The moment you hit Start Recording button on the extension, a window pops up asking you to select what is it that you want to record, Entire Screen or a specific application or a chrome tab. After doing 2-3 recordings, this option stops coming up and it defaults to recording only my current chrome tab. I tried restarting chrome, but that window doesn't reappear.

  3. When recording long videos (more than 10 minutes), the page that opens up when you hit Stop Recording button on the extension has a video player in it. The video player only plays the last part of the screen recording (about 1-2 minutes) and that's all you can see. When I leave the page open for a couple of minutes it then shows me the entire recorded video.

BTW you have created an amazing tool! I love using it! πŸ‘πŸΌ

Firefox extension

Extension looks great, would love to see this ported to Firefox as well.

Change push to talk key binding

What:
Current key binding for push-to-talk is ctrl + m, is it possible to change this to something like option + m?

Why
When I am trying to record some html form interaction like toggling a checkbox while using push-to-talk, the checkbox will not check/uncheck because I am holding the ctrl key.

When I click on Google Drive nothing happens

Hi Alyssa,

I'm using Screenity (and by the way, it's a really nice app!) and I would like to use the Google Drive button to save the record but nothing happens.
What can I do ?

Thanks and have a nice day,

Virginia

I cannot activate the microphone or the Webcam

Hello, I have a very strange issue. It happens both in a W7 and in a W10 laptop. Most of the times, when I try to use the extension in Chrome, it doesn't appear the option to enable the microphone or the webcam and therefore I cannot use it. Sometimes it appears but most of the times not.

Screenity recordings don't work on my linux desktop editors

First, congrats on blowing every other recorder out of the water :)
I seem to have a problem with recordings (tried mp4, webm) from screenity. They don't work on any linux editor shotcut, Davinci, kdenlive and lightworks. Some like shotcut can play them, but dragging them to a track produces a freeze.

Maybe the problem is on my system (drivers?). This is a manjaro install with nvidia 455. Maybe its the variable encoding? I know nothing about video :)

forwaring and rewind video not working?

Hello

I just tried your extension and it works magnificent.
But I noticed some problems with the playback of mp4 and webm after saving it to disk.
For some reason I can not rewind, fast forward or use the default "skip" buttons from windows media player like +10 or +30 seconds. Also I can't drag the handle to a specific location where I want the playback to start.

I haven't modified the video in anyway.
Just simple recording and then save as MP4 and WEBM as I wasn't sure if it was something with the file format specific, but it happens to both of them.

Not the biggest problem I would say, but I can imagine it's frustrating if you need to quickly rewatch a small piece/few seconds from a video that is 10 minutes long.
Nope, can't do that. It jumps back all the way to start and you have to force watch the entire part again.

I tried on different devices as well. Shared on my mobile phone, ipad, etc... same problem everywhere.
Seems like there is something disabled/permissions that does not allow to use regular media controls.

Native Desktop and Mobile Apps

This is pretty important to separate from Chrome if one needs to build a great high performance app. The issue with chrome tends to be it eats up a lot of bandwidth and slows everything down.

Also this will allow you to optimize screen recording by using native codebase vs webrtc/browser. E.g - Check this project and its underlying software.

And then there is react native for windows,mac, android, ios - no linux though. So without electron and that bulkiness will be better than loom.

Do you have bandwidth to pick that up?

Error: Can't record in this page

Hi,

I want to use the extension, but get the following error in every screen I have open on my computer.
'Can't record in this page'.
This happens when I want to use Tab Only, Desktop and Camera Only.

The extension cannot find my camera and microphone.

I am using a Windows 10 laptop and have installed Chrome version 88.0.4324.104

Hopefully you can help me out.

Cheers, Jeffrey

Opened <select> lists not recorded

I'd found that when selecting an option on an HTML select input the opened dropdown is not visible, only the default value remains visible until the new value has been selected.

Thanks for this amazing plugin :-)

Browsers "pixilation" issue

Hi,

Please fix the title if the word is wrongly used.

I'm seeing the following in chrome Version 89.0.4333.0 (Official Build) canary (64-bit)
It appears at the top of the page during recording, and is recorded as well.

image

Any way to fix it?

Where shall I find the recorded files?

Hello,

Thank you for creating the extension. The descriptions sounds great, but I face the following challenges:

  1. I start to record and then share the application to be shared. The symbol for the extension turns from blue into red, but nothing else happens. I am also not able to "stop the recording" (in case that it even started). The symbol remains red until I disable or remove the extension and enable it again. Alt+S doesn't work either. How can I check that screenity is really recording and how can I stop the recording please?
  2. Consequently, I also can't find any recordings nowhere. How shall I find the recorded files please? Where should the files be located or how can I access the recordings please?

Thank you & best regards,

Rico

Webpage Compressed on Video Start

Rare issue...?

Website gets compressed when using Screenity.

Website (Google webapp) contains split.js. Other recording tools (ex: Loom / ScreenCastify) work. Pen function still appears to work.

7F0CAB66-C174-4B39-911F-C10A78576FC0

cant find a recorded video on windows

Thanks for this great and simple to use software and it looks promising,I tried it out on windows but once the recording was stopped I couldn't see the recording being saved anywhere on the system.I would request a feature where in user can customize the location where the recording is stored also there should be a standard location where it is stored and should also be mentioned somewhere inside the application so that user is aware about it.

Recording styles and functionality issues

Getting below issues while recording

browser : Chrome
browser version: 88.0.4324.150 (Official Build) (64-bit)
Os : Windows 10

  1. Cursor settings, Annonation tools and recording settings are not working
  2. Color picker is adding below the webpage with some white space above it and page is getting scrolled
  3. Camera is in square shape not in circular shape
    image12
    image1

Thanks & Regards,
Pavani Sahukari

Video doesn't play

image

When I finish recoding it opens this page but the video doesn't play and there's an error you can see above. Tried in both Edge and Chrome, still no luck.

Pen Size - Disappears on roll-over

Awesome product!

Noticed that when the pen is selected, the resizing tool disappears when rolling off of the pen button and on to the resizing tool.
Screenity

Remove part of video not working fine

. My original video es 14 seconds long
. Then I set "Start" at 00:02 and "End" at 00:14 (I asume this is the part of the video I want to keep)
. I press "Apply" (I should get a 12:00 seconds video)
. But I get 02:00 second video! (Ok, I understand i must indicate part of the video to cut, not to keep)

I press "Reset changes" and I try again:

. I set "Start" at 00:00 and "End" at 00:02
. I press "Apply"
. I get a black video and play button do not play anything

Please check!

How to support you?

Hi Alyssa,

is there a way to support you financially?

In a time where every tiny software or service is a SAAS nowadays, I really love to support independent developers who create quality products in the open-source space. You provide huge value here!

If you have something like buymeacoffee.com or so please let me know. I'd love to support you so you stick around and have an incentive to keep working on this and your other projects.

Thank you!

Chrome crashes after recording camera fullscreen

I love this addon! There is only one problem with it, recoding camera only.
Steps to reproduce the problem:

  • I record camera only
  • I pause the recording and want to save it (clicking green check)
  • Google Chrome (88.0.4324.104 (Official Build) (64-bit)) crashes and the recording is gone

When recording the screen with camera, everything works great!

Trim video isn't working properly

Hey, @alyssaxuu I tried Trim Video 2-3 times but when I click Apply after reducing time, nothing happens.

Also, the video starts being unresponsive & displays the old time.

For example, I recorded a video until 1:00 & trimmed it from 0:55 to 1:00. And then clicked Apply. The timing in Start & End changed perfectly but the video got hanged (if I try to Play, nothing happens.. the Play button remains as is)

Even after downloading the video, it doesn't show anything. It gets corrupted I think.

upload the video to YouTube

Dear developers, please upload the video to YouTube. This is going to be great.
I recorded a video-clicked on the button and it immediately flooded YouTube and copied the link to the clipboard.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.