Giter VIP home page Giter VIP logo

sbondco / casterr Goto Github PK

View Code? Open in Web Editor NEW
19.0 4.0 4.0 5.04 MB

Screen recorder, editor and video browser with the main goal of easing the process of recording and clipping your best moments in-game.

Home Page: https://casterr.sbond.co/

License: GNU General Public License v3.0

HTML 0.15% JavaScript 1.63% SCSS 2.24% TypeScript 95.02% CSS 0.97%
casterr ffmpeg recorder typescript screen-recorder electron nodejs react reactjs clipper

casterr's Introduction

Casterr

Recording Since 2020

logo

CodeFactor License Code Size Downloads

The best way to share your moments

Casterr eases the process of sharing your best moments in and out game with our easy to use video clipping system. Our website provides more detail along with download links for Linux (appimage) and Windows.

Feel free to test Casterr out, track our progress to the next release or ask for help!

Features & Screenshots

Casterr is capable of performing a lot of duties that can help you when clipping and recording videos.

Video Recording

Casterr can record your full desktop or a region. There are many settings you can edit to customize your recordings, such as, audio devices to record, separating audio tracks and FPS.

Past Recording Browser

Search through your past videos and filter by Recordings or Clips. You can import video files (by dragging and dropping them in) from other sources if you don't want to record through Casterr.

Viewing past recordings

Video Editor

The editor allows you to playback your videos and clip them into highlights.

In this screenshot we are simply playing a video:

Playing video in editor

Here is an example of adding clips and bookmarks to our video:

Adding clips and bookmarks

When we are done, we can simply click the continue button (right arrow) to create a new video from our clipped sections.

Customizable Settings (Video, Keybinds, etc)

Recording settings

Contributing

If you are looking to contribute any of your ideas or code, look here.

casterr's People

Contributors

code-factor avatar dependabot[bot] avatar dnyla avatar imgbotapp avatar irhm avatar kingo2157 avatar

Stargazers

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

Watchers

 avatar  avatar  avatar  avatar

casterr's Issues

Cleanup all scss and make parts reusable.

There is a lot of duplicate code that could be reduced by using for example @extend selectors.

And switch styles/vue component usage to kebab-case.

  • Think about using a framework like tailwind or creating our own components as we need them
  • Use kebab-case
  • Move hard coded style values to variables (font sizes, padding, etc)
  • Use mixins where it reduces code and makes sense

Allow renaming videos.

The way past recordings/clips are stored, doesn't really allow for this unless you:

  • Read the whole file
  • Search for video and replace name
  • Rewrite entire file

Which is something that is best avoided. Need to consider other ways of storing past videos/achieving this.

Keybinds

Implement keybinds feature.

Main additions needed:

  • Populating keybinds settings page (UI)
  • UI For adding/modifying a keybind
  • Central place for applying global keybinds (with keybind functionality)

Allow videos to be sorted/searched for

Include advanced search for all video metadata (e.g. forgot what you called video, but know you recorded for at least an hour? Search for videos longer than 1hr, etc).

  • Search
  • Filters
  • Metadata Search

Be able to delete videos.

Possibly by having a context menu for each video in list or having a delete button next to edit.

Should pop up with modal making sure that video should be deleted. Should also have TickBox for if should also delete file from disk (incase user just wants to remove video from Casterr and not delete it altogether).

  • Update Notifications.popup method and Notifier to support buttons/tickboxes
  • Add back all popups with new method params
  • Full delete video functionality and use popup to confirm
  • Add settings:
    • TickBox: Don't show Delete Confirmation popup
    • TickBox: Remove from disk by default
  • Delete video thumbnail
  • Test every place where popups are used

Move to react.

Move code base to react.

  • #229
  • Setup Redux store
    • Move settings over, but use the store instead
  • Move over all ui components
  • Move over all views
    • Videos Library
    • Settings (and sub pages)
    • Video Editor
  • Move over all libs (for recording, etc.)
  • Go over and make sure all functionality is compatible with clips
  • Revert PathHelper.mainFolderPath path (back to just Casterr instead of CasterrNew)
  • Update release and test-changes workflows to work with new app (remember to change use of yarn to npm)

VideoPlayer: Style tooltips on clipsBar

Style tooltips on clipsBar so that they fit with the rest of the UI, currently they stand out since they white and black and don't fit with the colour scheme.

Acquire `screen-capture-recorder` and `virtual-audio-capturer` automatically.

Download and install screen-capture-recorder and virtual-audio-capturer if they are not present.

Users on Windows need these to record their screen and audio, and it's a hassle to download them manually. Do it automatically for them.

For now, we will assume that users already have the 2010 c++ redistributable required to use scr/vac.

  • Decide where/how to distribute files
  • Update app to match new place to download files
  • Install scr and vac

Documentation? How to install?

Description of the new feature
What is the expected behavior of the proposed feature?
I want to know how to download a setup.exe to install on my pc?

Thanks

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.