HTML5-Webcam-Photobooth

KO | EN

gitlite — search

#javascript #hacktoberfest #typescript #golang #rust #docker #nodejs #windows #cli #vue #security #ios #mcp #openai

HTML5-Webcam-Photobooth

(★ 18)

A web based photobooth that takes pictures from your devices camera and saves them to your server

HTML5-Webcam-Photobooth Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# HTML5 and JavaScript Webcam PhotoBooth Web App
This application allows you to take webcam photos and save them on a server.

It's a HTML5 based application with fallback to Flash for older browsers that don't support webcam streams.

You can configure everything with HTML and CSS.

You'll need a server with ASP or PHP support (both ASP and PHP files are included in this package)

The JavaScript code contains comments so you can understand the code easily.

![HTML5 and JavaScript Webcam PhotoBooth Web App Screenshot](https://vamapaull.com/wp-content/uploads/2017/12/HTML5-Webcam-Photobooth-Web-App.jpg)

See HTML5 Webcam Photobooth Web App project with the DEMO link below and let me know if you have any questions. Enjoy!

# [DEMO](https://vamapaull.com/work/PhotoBoothHTML/)

## Instructions on how to customize the web app:
### CSS and HTML
The entire application design can be changed with CSS and HTML. Basic knowledge will be enough to customize it however you want.
![Basic CSS](https://vamapaull.com/work/PhotoBoothHTML/documentation/images/basic-css.jpg)

### Changing the webcam image size
You can change the width of the app and the height will be set based on your webcam video feed aspect ratio.

### Save on server
For that you have multiple options. You can use a server based on PHP, ASP or a Java.

Inside the handleButtonSaveClick function you have save.php, that can be changed to save.asp or save.jsp depending on what type or server you have.
![Save file location](https://vamapaull.com/work/PhotoBoothHTML/documentation/images/save.jpg)
You should also make sure that on your server, near the save server-side file, you also have a folder named images with permissions to write on your server.

### I'm a freelancer and you can hire me to work on your project: 
https://vamapaull.com/contact/

HTML5-Webcam-Photobooth

HTML5-Webcam-Photobooth Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

HTML5-Webcam-Photobooth

HTML5-Webcam-Photobooth Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README