https://github.com/kubrianity/js-unreal-webcam-fun

This is a JavaScript Webcam project which can customize the video effect and take a picture
https://github.com/kubrianity/js-unreal-webcam-fun

Last synced: 30 days ago
JSON representation

This is a JavaScript Webcam project which can customize the video effect and take a picture

• Host: GitHub
• URL: https://github.com/kubrianity/js-unreal-webcam-fun
• Owner: Kubrianity
• Created: 2022-07-12T19:43:13.000Z (over 2 years ago)
• Default Branch: root
• Last Pushed: 2022-07-20T11:43:32.000Z (over 2 years ago)
• Last Synced: 2024-11-07T09:36:14.348Z (3 months ago)
• Language: JavaScript
• Size: 8.18 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# JavaScript 30 #19: js-unreal-webcam-fun

This is a JavaScript Webcam project which can take a picture and customize the video effect. 


This is the nineteenth practice of JavaScript30 Challenge. 

## Installation 

Clone this repository with the following command 

```

git clone https://github.com/Kubrianity/js-unreal-webcam-fun.git

```

Change directory to the cloned folder

```

cd js-unreal-webcam-fun

```

Make sure that node and npm installed globally on your machine

```

node -v // node version installed on your machine

npm -v //  npm version installed on your machine

```

Now install project dependencies and then start with the following commands

```

npm install

npm start

```

You will be able to view the project at your server written in the command prompt 

http://localhost:3000

### Usage & Features

- Reaching media devices of users and adjusting the size of it with canvas size

- Taking picture with snap sound and enabling users to download them

- redEffect() function modifies the raw pixel datas corresponding to red colour

- rgbSplit() function gives glitch-like appearance by modifying the raw pixel datas corresponding to RGB values 

- greenScreen() function provides treshold effect by changing the pixel data corresponding to transparency / alpha value