• Stars
    star
    1,513
  • Rank 30,003 (Top 0.7 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created over 3 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

Mini Video Me

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

releases url License: MIT Twitter: maykbrito


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!

More Repositories

1

screenboard

๐Ÿ‘จ๐Ÿพโ€๐Ÿซ It's a overlay blackboard on your screen
JavaScript
354
star
2

fronteditorv2

Check it out!
TypeScript
292
star
3

boracodar

HTML
237
star
4

maykbrito

189
star
5

simple-webview

๐Ÿ“บ Simple overlay webview
JavaScript
108
star
6

covid-19

๐Ÿฆ  Not shure if it's working ๐Ÿ‘€. It'll be here just for consulting something that I've learned in this project. Using Node and NextJS
JavaScript
100
star
7

nlw-esports-explorer

Projeto desenvolvido no evento Next Level Week (NLW) da Rocketseat
HTML
94
star
8

fronteditor

It's a simple html code runner https://gracious-dijkstra-c585c3.netlify.app/
JavaScript
87
star
9

insta-post-reminder

App para disparar lembretes usando Javascript e Electron
JavaScript
87
star
10

electron-desktop-custom-notion-omni

Inject custom CSS to beautify Notion.so
JavaScript
71
star
11

theme-launchbase

๐Ÿ‘จ๐Ÿพโ€๐ŸŽจ Experimental VSCode theme based on Launchbase colors
66
star
12

gerar-pdf-com-node-puppeteer

https://www.youtube.com/watch?v=AoU7aEdTldE
EJS
65
star
13

devlinks

Em 5h de aula, construa esse projeto e inicie na programaรงรฃo o mais rรกpido possรญvel! โญ๏ธ
CSS
64
star
14

yt-trimmer

๐Ÿค– Bot to download and trim YouTube video, passing start and end point, saving video to local folder
JavaScript
56
star
15

nextjs-dashboard-tailwind-framermotion

A NextJS Dashboard builded with tailwindcss and framermotion #aprendicomorodao
JavaScript
53
star
16

nlw-setup

Habit Tracker by NLW's Rocketseat
HTML
52
star
17

clone-clubhouse

Estudando Front-end e criando portรณlio com TailwindCSS
HTML
51
star
18

clone-discord

โ–ถ๏ธ Studying Discord Clone https://www.youtube.com/watch?v=x4FdZd2-_uU
TypeScript
49
star
19

nlw-10-copa

Calendรกrio pessoal de jogos da Copa 2022
CSS
44
star
20

theme-launchbase-hyper

๐ŸŽจโ—ผ Lauchbase Theme for Hyper Terminal
JavaScript
38
star
21

omnistack10

๐Ÿ”ฅ Cรณdigo produzido na Semana Omnistack 10
JavaScript
36
star
22

nlw-copa-card

Aprenda a desenvolver esse cรณdigo pelo vรญdeo
CSS
32
star
23

simple-kanban-board

JavaScript
29
star
24

nextjs-notion-starter-kit

TypeScript
27
star
25

gitcorrect

๐Ÿ“ Simple script to correct github author and email and keep track of your github activities
JavaScript
24
star
26

maykbrito.dev

Pรกgina pessoal responsiva para exibir e divulgar links interessantes ao seu pรบblico
CSS
22
star
27

read-4-me

Web Speech API that reads text
HTML
22
star
28

youtube-masterclass-knex

โ–ถ๏ธ versรฃo final https://youtu.be/U7GjS3FuSkA
JavaScript
19
star
29

react-projs-to-learn-basics

JavaScript
19
star
30

maykbrito-videos.now.sh

๐Ÿ“ผ My youtube videos
JavaScript
19
star
31

electron-codepen-omni

Inject some colors and functions to codepen.io
JavaScript
18
star
32

openweather-example

test to using the API proxy server template >> https://github.com/maykbrito/ts-proxy-server
TypeScript
18
star
33

vanilla-ui-clone-dropbox-home

๐Ÿ˜‡ From React (as https://www.youtube.com/watch?v=VqP1ECc_j4M) to Vanilla
CSS
18
star
34

CustomSelectReact

Just practicing
JavaScript
17
star
35

youtube-twitch-live-chat

helper tool to get live stream chat
JavaScript
17
star
36

maratona-discover-2

HTML
17
star
37

twitch-chat-overlay

JavaScript
16
star
38

churchman

a SAAS Church Manager Startup builded with Mongo + Express + ReactJS + Node
JavaScript
16
star
39

playing-with-adminbro

JavaScript
16
star
40

maratona-explorer-3

HTML
15
star
41

wikipedia-api-node

A bot that search for content in Wikipedia Api
JavaScript
15
star
42

gostack2020-desafio-conceitos-nodejs

GoStack 2020: Desafio 02: Conceitos do Node.js
JavaScript
14
star
43

next-yt-comments

Fetch Youtube Comments using NextJS and yt-comment-scraper
JavaScript
13
star
44

cheat-sheet-creator

Created with CodeSandbox
TypeScript
13
star
45

web-components-modal

Just coding around and testing some ideas
JavaScript
13
star
46

yt-obs-player

HTML
12
star
47

bootcamp-gostack

JavaScript
12
star
48

veditbox

Paste url with image, video or paste image data then drag it out as an file to another application. You can record audio too.
JavaScript
12
star
49

sveltekit-user-crud

Svelte Kit + Tailwind. Simple user create and delete using Supabase
Svelte
10
star
50

react-search

JavaScript
10
star
51

dall-e-image-generator

playing with openai image generator
TypeScript
10
star
52

mini-runner

mini javascript runner
TypeScript
9
star
53

prisma-pagination

search and pagination
TypeScript
9
star
54

list-videos

JavaScript
9
star
55

nlw-8-impulse-web

TypeScript
9
star
56

code-news-bot

a simple node.js script using cheerio and axios, to scrap some news of some sources
JavaScript
9
star
57

maykcard

Testing Interactive Card and running it with npx
JavaScript
9
star
58

simple-vanilla-component-five-stars

โญ๏ธ Just dumping some ideas
JavaScript
8
star
59

mbtypist

โŒจ๏ธ Electron App to copy text and paste like typist ๐Ÿ‘€ It's an old project. I can't tell if it still works.
JavaScript
8
star
60

megahack-live

JavaScript
8
star
61

trim-video

JavaScript
8
star
62

sveltekit-alert-component

Svelte
8
star
63

Aula-SPA-Explorer

JavaScript
8
star
64

kollemann-gatsby

JavaScript
8
star
65

instagram-profile-header

๐ŸŽจ A HTML + CSS + VANILLA JS to build a instagram header, scrapping data from instagram.com - Just for fun
JavaScript
8
star
66

rocketseat-bootcamp07-study-notes

My study notes of Rocketseat's Bootcamp
Shell
8
star
67

electron-desktop-template

JavaScript
7
star
68

libs

JavaScript
7
star
69

boracodar31

JavaScript
7
star
70

maratona-explorer-01

JavaScript
7
star
71

ai-langchain

studying langchain
TypeScript
7
star
72

test-runner

JavaScript
7
star
73

adonisjs-graphql-wordpressdb

just playing around with adonisjs graphql and connection with wordpress db
JavaScript
7
star
74

aula-countdown-riachuello

JavaScript
7
star
75

mentoria-ju

mentoria
CSS
6
star
76

svelte-hash-route

Practing things with Svelte
JavaScript
6
star
77

node-crawler-xray

JavaScript
5
star
78

send-mail-csv-leads

Create and template an email with CSV data and send mail to leads.
JavaScript
5
star
79

user-api-jwt-passport

A scaffold node express server. User API auth using jwt with passport
JavaScript
5
star
80

vtools

cli with video editing tools
JavaScript
4
star
81

understanding-redux

๐ŸŽ“ Studing...
JavaScript
4
star
82

docs-explorer

to create documentation
CSS
4
star
83

node-crawler-nightmare

JavaScript
4
star
84

datadog-challenge

CSS
4
star
85

svelte-magnetct-carousel

Svelte
4
star
86

terminal-playground

Modified terminal playground by David Nussio
JavaScript
3
star
87

waitroom-twitch

5 minutes timeout, waiting room, twitch.tv
Astro
3
star
88

sveltekit-overlay-component

Svelte
3
star
89

youtube-crud-node-mvc

HTML
3
star
90

svelte-feedback-app

as seen at https://www.youtube.com/watch?v=3TVy6GdtNuQ
Svelte
2
star
91

simple-tp

A very (very) simple and brainless teleprompter
Astro
2
star
92

vuecontas

JavaScript
2
star
93

sanity-nextjs-landing-pages

Next.js landing pages
JavaScript
2
star
94

jddigital

HTML
2
star
95

maratona-explorer-02

CSS
2
star
96

blog-astro-notion-api-shadcn-ui

TypeScript
2
star
97

kollemann-wordpress

CSS
1
star
98

sveltekit-html-to-image

snapshot a url to image.
Svelte
1
star
99

vuejs-adonisjs-login-system

JavaScript
1
star
100

ts-proxy-server

Boilerplate API proxy server to hide API keys, adding rate limit and cache. See it working at https://github.com/maykbrito/openweather-example
TypeScript
1
star