dehlen / capture Goto Github PK

Screen Recorder with GIF export

Swift 93.15% Ruby 3.27% Rich Text Format 3.58%

capture's Introduction

👋 Hi there! I'm David

✨ Hi, I’m David, and I live in Landau, Germany. I work as an iOS developer for a German drugstore chain called dm which is among Germany’s most popular brands. We are currently building the Mein dm App.

💬 Ask me about: Swift, iOS, macOS
📫 How to reach me: @dvk
🎾 In my freetime I like to play various sport games like soccer and tennis
♟ Ocassionally I also try to improve my chess skills over at lichess.org.

capture's People

Contributors

Stargazers

Watchers

Forkers

yujinqiu

capture's Issues

App Icon

Create a nice looking App Icon.

Bug - GIF Frame-rate

First want to say I'm really excited for this application. I've tried the other ones in the readme and even a paid one (GfFox) and I can say I like the design and UX of this much more than any of those apps.

Unfortunately I've been encountering an issue with capture I haven't been able to solve regarding the frame-rate of recorded Gifs, even after setting the frame rate in the application I'm finding the Gifs are LIGHTNING fast; I can barely see what I'm trying to show. I'm not sure if it's because of the default frame-rate that was set in V1.0 or if it's something on my side, but I thought I'd reach out and see if anyone else has had something similar/ knows how to fix it.

Here's an example and thanks again for the development of this app. 👍

Sandbox

Turn Sandbox & Hardened Runtime on. Also make sure saving still works (Probably use OpenDialog) and make sure app is notarized.

Analyze problems when archiving app

When the app is archived and exported via "Copy App" the exporting does not work correctly. This might resolve itself when exported with a valid development signature, however the issue needs to be analyzed and addressed.

Show Cropped Area when recording

Highlight the area which is currently recorded by drawing a "crop" around the recorded window.

Add App Icon to windows

User Integrations

Add option to add integrations via user defined scripts. The application will inject multiple variables like the url of the recorded video. The already existing BitBucket integration could be refactored to a script like that.

Touch Bar Support

Add Touch Bar Support f.e to stop a recording.

Improve Accessibility Permission Dialog UX

Currently the user is asked to give accessibility permissions to Capture on the first app launch and on every recording. Also the dialog is provided from the System and does not really help the user.

A custom dialog to provide better UX should be added.

StatusBarItem to stop recording

Flow for integrations/conversion

Instead of showing a sheet, a separate window should be presented. Inside this window will be a page view controller.

Flow:

Video Trimming
Export Video/Gif
Integrations (Upload to BitBucket PR)
Success/Failure (removes current local notification)

Add OSLog

Sandbox Access when opening videos

When opening videos (via CMD+O or by dragging a video on the dock icon) to export a video without a recording as a GIF currently an error is shown when the file is not in sandbox environment (f.e in the Downloads folder). We need to ask for access to the files location otherwise Capture is not able to read the video file and will fail during the export.

Possibility to export video

Option to export video without recording

Add video via menu item, by dragging to the dock icon or by dragging to the window list.

Fix resizing of child view controllers

Website + Pricing Model

Create Supporting files

Create a good README to be able to open source this tool. Also we need some kind of CI integration, linter, commit hooks, build script, etc...

Use Lottie Animations

f.e for loading screen or recording button

Fix cell selection color

Cell selection color is not automatically updated when switching from dark/light mode and the application is currently running.

Bug Test Session

Check for open bugs which were introduced during development for v2.0

Can't stop recording

Can't stop recording if highlighting window is on top of the Capture applications recording button.

Resize GIF when posting to a BitBucket PR

Only record selected window

This is a feature request I got from a colleague:

Problem description:
When selecting a window with rounded corners (for example the iOS Simulator) the recorded video currently records parts of the desktop background or any other underlying window. This happens because the frames of the recorded video are not "screenshots" of the window but "screenshots" of the screen at the given coordinates. There is nothing we can do about that when the user selects a custom crop frame. However when a window is selected and recorded without modifications to the crop frame we know for sure that only the selected window should be recorded.

Proposed Solution
There is a method called CGWindowListCreateImage which we could use to create snapshots of the selected window. This would lead to frames which have an alpha color around these rounded corners and would address the above stated problem. We would create a timer which creates such an image every 1/fps seconds and adds them to a queue. When the recording is finished this queue of images is then exported to a GIF/movie. However by doing so we introduce multiple implementation problems:

We need to implement stitching these frame to a video file by our own since the user might want to have a resulting video file next to the GIF. This is currently done by AVCaptureSession. I am not sure it would be possible to still use AVCaptureSession. However this might just be me not finding the correct API to do so.
The separate frames are pretty large in size and this leads to a very large GIF file (without making quality compromises). Again this might be addresses by some high level Apple API like AVCaptureSession but currently I only see how to capture input from a CGDirectDisplayID not from a CGWindowID.

So technically this is possible but we need to make sure that this enhancement will be worth the effort.

Support multi display setup in resizable & draggable capture window

Currently the capture window only works on one screen. This is either the screen a selected window was on or the main display if no selection was made. We should provide the ability to crop on every display (f.e like QuickTime does it).

Here are some notes how an implementation might look like:

Create NSWindow instances for all screens
Show notice like QT on main screen
If mouse moves to different screen hide notice on other screens and show notice on active screen
If user selects a crop frame by dragging a rectangle hide all notices
If no crop frame is selected (f.e user deselects crop frame) show notice on active screen
If start recording is pressed send the cropFrame in the notification info dictionary

Snippet to detect the display the mouse cursor is currently on:

var mouseLoc = CGEventGetLocation(CGEventCreate(nil).takeRetainedValue())


var display = UnsafeMutablePointer<CGDirectDisplayID>.alloc(1)
var count = UnsafeMutablePointer<UInt32>.alloc(1);
CGGetDisplaysWithPoint(mouseLoc, 1, display, count)

Recording Button does not correctly reflect it's state

When a recording is stopped via shortcut the recording button will not update.

Make Open Source

Automatically reload windows

First step: recalculate the frame before recording a window.
Next step: automatically refresh all windows when something changes or if this does not work, periodically.

Create Promo Video

https://captureapp.dev needs a new promo video showcasing all the new features introduced in v2.0. Also we need to make the video a bit more compelling.

Fix Click Down Event

When clicking a button the buttons action is executed. However when the user presses the button too long the mouseDown event will trigger a resize of the crop view since the button won't be visible at the clicked coordinate any longer. This needs to be addressed since otherwise when starting a recording the crop view might be changed which will lead to bad UX.

New UI

Currently the second window (export container) has several flaws which should be addressed.

Set a better suited initial size of the export window. Best: set the initial size to be of the same aspect ratio as the video.
Add possibility to toggle trimming
Add bottom bar to change gif export settings, also add integrations to this bottom bar.

CI Integration

Fix duration of exported GIF

Create Idea Backlog

Unit Tests

Refactor

A lot of this stuff currently implemented could need a protocol or a view model...

Crashes when exporting a trimmed recording

Add AppUpdater

Add AppUpdater from mxcl.

Re-exporting GIF

Once the user has finished recording a window/screen with a preselected frame rate, she can trim and export the GIF. After exporting was done, there is no way to adjust the result (e.g. change frame rate).

As a user I'd love to have the opportunity to navigate back to the trim window in order to re-export the video with new settings.

Simply provide a back button as part of the "Export finished" screen.

Add correct licenses

Show licenses of used dependencies in app and add correct licenses to source files

New Design for GIF Options

Add gif width/height, frame rate options to toolbar.
Gif width/height should reflect aspect ratio size when updated, only provide presets for gif frame rates.

Show Progress in Loading View

Increase Hit Area of recording button in CropView

MouseOnRecordingButton function should implement some tolerance when checking whether the click was in the bounds of the recording view

Option to record fullscreen

Test Multi Display Setup

Drawing Cutout only works for main screen

Currently drawing the cutout only works for the main screen. This is due to the fact that the coordinates are relative to the main screen and recording a different screen will result in negative coordinates for the cutout view whose coordinates should be relative to the containing window.