Mini video me 📹

A small webcam player built with html, css, javascript and electron

Tested only on MacOS and Windows 10

Install

With the terminal open in the project, execute the following command to be able to install the dependencies:

npm install

Usage

You will need change your camera configuration in ./cameraConfig.js because cameras have different proportions, like: width, height, frame rates and aspect ratios.

You'll need to know about your camera OR try to not mess with width, height, aspectRatio and frameRate options, like this

export default {
    // width: 1920,
    // height: 1080,
    // aspectRatio: 1.77778,
    // frameRate: 59.94,
    flipHorizontal: true, // start flipped
    rounded: true, // border radius for camera
    scale: 1.1, // zoom?
    
    // move point of interest
    // number will be converted to percent
    horizontal: "-20", // 0 left - translateX
    vertical: "0", // 0 top - translateY
}

Then, generate your app with command bellow

npm run build

Shortcuts

Keystroke	Function
+/-	Zoom in/out (inside wrapper)
/	Flip horizontal
o	Toggle wrap rounded cam
Arrow up/ Down / Left / Right	Move cam position (inside wrapper)
0 or *	Increase size of cam

Author

👤 Mayk Brito

Twitter: @maykbrito
Github: @maykbrito
LinkedIn: @maykbrito

Show your support

Give a ⭐️ if this project helped you!