Git Product home page Git Product logo

mini-video-me's Introduction

Mini Video Me

A small webcam player focused on providing an easy way to add and control your webcam during recordings.


Features

  • 👨‍🚀 Shortcuts
  • ⚙️ Highly configurable
  • 💅 Themes and custom themes
  • 🚀 Cross-platform (Windows, Mac, Linux)
  • 🌎 Languages and custom languages (i18n)

Sample preview running the app showing Diego Fernandes happy on the app screen with Visual Studio Code open in the background

Installation

⚠️ For MacOS, move the extracted app to the Applications folder, open your terminal and run the following command to sign the app

codesign --force --deep --sign - /Applications/Mini\ Video\ Me.app

Wait until the command finishes, then open the app and allow the camera permissions asked you. 🚀

Usage & settings

After running for the first time you can access the app settings through the tray menu and click on Settings to change default shortcuts, camera size, zoom, shapes, themes, languages etc.

Default shortcuts

⚠️ For Linux/Windows users: if you're not new to Mini Video Me, you'll probably need to update the shortcuts manually. For this, open the camera settings in tray menu > Settings and update it with the new default shortcuts or others that you like, and the operating system allows, or just select Reset Settings.

MacOS Linux / Windows Function Window must be focused
+ / - + / - Zoom in/out Yes
/ / Flip horizontal Yes
o o Toggle custom shapes Yes
r r Reset zoom Yes
Backspace Backspace Switch cam Yes
Space Space Toggle window size (small/large) Yes
Command + , Ctrl + , Open the settings file Yes
Arrow Up / Down / Left / Right Arrow Up / Down / Left / Right Adjust video offset Yes
Command + Shift + Alt + Up Shift + Alt + Up Move camera to upper screen edge No
Command + Shift + Alt + Down Shift + Alt + Down Move camera to lower screen edge No
Command + Shift + Alt + Right Shift + Alt + Right Move camera to right screen edge No
Command + Shift + Alt + 1 Shift + Alt + 1 Toggle camera size (small/large) No
Command + Shift + Alt + 3 Shift + Alt + 2 Toggle camera visibility (show/hide) No

Adjusting the border

Open the camera settings in tray menu > Settings, then look for "themeOverrides" and change "borderWith" property to "0" if you should to remove the border. Or you can make it thick by changing the value above to "10px" for example.

Using custom shapes

You can use custom shapes using the clip-path CSS property. You can use a tool like Clippy to play around with different shapes you can build with clip-path.

How to add/remove shapes

Open the camera settings in tray menu > Settings and in the "shapes" property, place the CSS's clip-path value as you wish.

See this image example

Change size

Open the camera settings in tray menu > Settings and change "screen.initial" and/or "screen.large"'s width and height properties as you wish

See this image example

Contributing

Clone de repository, open its folder and install dependencies with:

yarn

Run it using:

yarn dev

Author

👤 Mayk Brito

Show your support

Give a ⭐️ if this project helped you!

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.