mastrmind-dev / electron-screen-recorder Goto Github PK
View Code? Open in Web Editor NEWcreating an open source screen recorder with advanced features like pausing and resuming, specially with unlimited recording time
creating an open source screen recorder with advanced features like pausing and resuming, specially with unlimited recording time
When going to save the screen recording, the files with custom names are not getting saved properly. They are not playing after saving. Only the videos, saved with the default name which is provided by the app are playing properly.
The user should be able to save and play the saved video properly, although the default name is changed when the recording is getting saved (within the save dialog box.)
Currently the application only records and saves the screens. But there is no way to pause recording and resume it after sometime. Need a workable pause button. In the same manner, need a 'resume recording' button as well.
If user clicks on the "save recording" button, "select screen" button should be enabled and "save recording" button should still be enabled while all the other buttons are disabled.
This task is beginner friendly one. If anyone who has knowledge on HTML and CSS can contribute to this. Just add a CSS file and make attractive the home window's user interface.
This is really important. Because any one can contribute to this and I would merge all the PRs which have good UI enhancements.
In main.js file, Menu.BuildFromTemplate (26th line) generates a popup to select the screen that the user wants to record. But when the application opens, that popup comes from nowhere. Instead, having a 'select screen' button would be ideal to show that popup.
Only video of the screen record is getting captured. Audio should be included as well.
Align the folder structure of the app with a proper architecture.
I would recommend below one. But feel free to follow your own architecture which is suitable to this app.
screen-recording-app/
|-- node_modules/ # Dependencies installed via npm or yarn
|-- src/
| |-- main.js # Main entry point for the Electron app
| |-- renderer/
| | |-- index.html # HTML template for the renderer process
| | |-- main.css # CSS styles for the user interface
| | |-- main.js # JavaScript for the user interface
| |-- screen-recording/
| | |-- ScreenRecorder.js # Screen recording module
|-- package.json # Package configuration and scripts
|-- README.md # Project documentation
|-- LICENSE # License file
After user starts recording, "stop recording" button should be enabled while all the other buttons are disabled.
when user records the screen, there should be a notification popup which says "recording the screen" and the notification can be minimized or hide.
When the home window is opened "Select screen" button should be enabled while all the other buttons are disabled.
After user stops the recording, "save recording" button should be enabled while all the other buttons are disabled.
Enhance the Readme file. Please refer this readme file.
After user selects a screen, "start recording" button should be enabled while all the other buttons are disabled.
Important: User should successfully select a screen to do this. If user clicks on "select screen" button but doesn't select a screen, nothing will have to be changed.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.