gannetta / mini-video-me

📹 A small webcam player builded with html, css, javascript and electron

Mini video me 📹

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

Just tested in MacOS

Install

npm install

Usage

You will need change your camera configuration in ./cameraConfig.js because cameras has different proportion 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)
Double click	Increase size of cam

---

Author

👤 Mayk Brito

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

Show your support

Give a ⭐️ if this project helped you!

---

This README was generated with ❤️ by readme-md-generator