Scan QR Code
Localhost Required for Camera
For security reasons, the camera will only work when this page is served from localhost.
Please run this application on your local development server to use the QR scanner.
How to Run on Localhost
Option 1: Using a Local Server
If you have Python installed, run this command in the folder containing this HTML file:
python -m http.server 8000
Then open your browser and go to:
http://localhost:8000
Option 2: Using Node.js
If you have Node.js installed, you can use the http-server package:
npx http-server
Then open the provided localhost URL in your browser.
Option 3: Using PHP
If you have PHP installed, run this command:
php -S localhost:8000
Then open your browser and go to:
http://localhost:8000
Security Requirements for Camera
For security and privacy reasons, modern browsers require camera access to be granted only in secure contexts.
Requirements for Camera Access:
1. The page must be served from localhost OR over HTTPS
2. User must explicitly grant camera permission
Camera access is required for scanning QR codes. Please allow camera permissions when prompted.
Scan result will appear here. Point your camera at a QR code.
Camera Access Instructions
If your camera is denied:
- Click the lock icon (🔒) in the address bar.
- Go to "Site settings" or "Permissions".
- Find "Camera" and change it to "Allow".
- Refresh the page.
Application Settings
Camera Settings
Camera Access
Allowed
Allow or block camera access for QR code scanning
Preferred Camera
Choose which camera to use (front or back)
Privacy & Data
Save History
Store generated and scanned QR codes locally
Auto-clear History
*Feature not implemented but saved for future use*
Application
Dark Mode
Switch between light and dark themes
Vibrate on Scan
Haptic feedback when QR code is detected