📸 CAMERA WEB APP (HTML | CSS | JAVASCRIPT)
A simple browser-based camera application built using HTML, CSS, and JavaScript.
It allows users to access webcam, capture photos, record videos, and download media easily.
📷 Access webcam directly in browser
🖼️ Capture photos from live video
🎥 Record and stop video recording
💾 Download images and videos
🗂️ Photo gallery section
🎛️ Simple button-based controls
⚡ Lightweight and fast (no external libraries)
✔ HTML5
✔ CSS3
✔ JavaScript (Vanilla JS)
✔ MediaDevices API (camera access)
✔ MediaRecorder API (video recording)
camera-app/
📄 index.html → Main structure
🎨 index.css → Styling
⚙️ index.js → Camera logic
📘 README.txt → Project details
- 📂 Open Project folder
- 🌐 Double-click index.html
- 🎥 Allow camera permission in browser
- 🎮 Start using camera features
📷 Start Camera → Open webcam
📸 Capture → Take photo
🎥 Record → Start video recording
⏹️ Stop → Stop recording
💾 Download → Save media files
🖼️ Gallery → View saved images
💡 WebRTC basics
💡 Working with media streams
💡 JavaScript DOM manipulation
💡 Event handling
💡 Media recording concepts
Created by: Sai Suraj Purpose: Practice project for frontend development
🎨 Add filters (black & white, blur, etc.)
🙂 Add face detection
✨ Improve UI animations
☁️ Add cloud upload support
⏱️ Add timer capture feature