iliashad / makerlapse-app

Document Your Journery Into A Timelapse Video

Makerlapse

Makerlapse is a cross paltform that take screenshots of your full screen or a specific window and convert all screenshots taken in a video and you can add a soundtrack . In a couple of clicks ,you have ready made timelapse video of your work to share with your friends or clients

Download

• Download For Ubuntu
• Download For Windows
• Download For Mac (Doesn't work on Catalina)

Usage

Clone this repo

git clone https://github.com/IliasHad/makerlapse-app

Install all dependicies then run Makerlapse

cd makerlapse-app && yarn && yarn start

Features

• Light files: We don't record a full length video and then speed it up – instead, we record directly a time-lapse video. This means no heavy files on your hard drive and quicker exporting process.

• Simple UI: We provide easy & clean UI with only necessary elements, with one click you can get time-lapse video ready in couple of seconds

• Add your own soundtrack: You can upload your own soundtack. So, you'll have a ready made timelapse video to share

• Cross-platform: You can use it both on Windows (Available very soon) and Mac OS

Todos

• Add support for windows 10 to take screenshots of the screen
• Add support for windows 10 to take screenshots of a specific windows
• Add support for linux to take screenshots of the screen
• Add support for linux to take screenshots of a specific window
• Merge screenshots into a timelapse video while recording

About Me

I'm a self-taught developer and I love watching speed coding videos and see how things are built-in timelapse video effects and I was inspired by Devon Crawford Video which he makes a script to automate his video editing process and it's built it with C and FFmpeg after that I come up with idea for cross-platform desktop app using Node js and FFmpeg

I built Makerlapse to document my journey as newbie indie maker and self-taught developer for my #12SideProjectsIn3Months Challenge

• Twitter
• Indie Hackers
• Instagram
• Support Makerlapse by buying me a coffee!
• Support Makerlapse by becoming a Patreon!

Why I build Makerlapse?

When I started my indie making journey, I was working on my first app idea and I was reading a lot of articles about indie making from the IH interviews, posts, and also listening to the podcast. I read a post about building in public and the advantages from it and they're many ways to build in public (Live coding, share your daily todos and progress in Twitter)

I found an idea to document my journey while building an app and share it in a time-lapse video format

Also, I'm working on building a community to share your Makerlapse video with other like-minded people (for example junior developers who want to start #100daysofcode challenge and document their journey )

What the current status of Makerlapse?

I was working on improving it the last couple of weeks but in the last two days, I was rebuilding it (from recording your screen in video format to just screenshots) and I think the app is ready for early adopters but the Mac OS Catalina isn't supported yet

Demos Video of Makerlapse

• Makerlapse Demo Video 1
• Makerlapse Demo Video 2
• Makerlpase Demo Video 3

Contributing

If you have found any bugs or just want to see some new features in Makerlapse, feel free to open an issue. I'm open to any suggestions and bug reports would be really helpful for me and appreciated very much. Also, please don't hesitate to open a pull request. This is really important to me and for the further development of this project.

Special Thanks ✨

Thanks goes to all members of Moroccan Makers Community🇲🇦 and especially Amine

makerlapse-app's Issues

Not working on Windows 10

I can get the app to start. After that, I can click on the icon in the system tray and get the window to open up, but I can't seem to move the window at all and if the system tray closes, the window disappears as well. Clicking the record button is a bit difficult, but I can get it to work, but when I click stop, it never creates a video. The "video" screen stays at 0%.

Seems like a neat app that I wouldn't mind giving a try. Is there anything I can do to help debug these issues?

Output of yarn start:

yarn run v1.22.4
$ concurrently "cross-env PORT=9000 BROWSER=none yarn react-start" "wait-on http://localhost:9000 && electron ."      
$ react-scripts start
[0] Starting the development server...
[0]
[0] Compiled with warnings.
[0]
[0] ./src/Components/content.js
[0]   Line 63:6:  React Hook useEffect has missing dependencies: 'screenList', 'selectOption', 'selectedScreen', 'sele
ctedWindow', and 'windowList'. Either include them or remove the dependency array  react-hooks/exhaustive-deps        
[0]
[0] Search for the keywords to learn more about each warning.
[0] To ignore, add // eslint-disable-next-line to the line before.
[0]
[1] ```

Error on Ubuntu xenial when not connected to the network

Getting

Reference:
AppImage/appimage.github.io#2194

Add ability to add soundtrack before processing the video

Add ability to record multiple monitors simultaneously

MacOS Monterey does not support?

Hi,
I am using macOS Monterey, Processor 2.4 GHz 8-Core Intel Core i9.

I download the installation file directly and install it on Mac. I have opened the security prevention check to allow 3rd party developers. However, I get a Could not get code signature for running application error when installed.
I use similar keywords searching which leads me to this GitHub page Could not get code signature for running application #7476

Is it something related to me not signing apple dev account?

Thanks!