Last updated
Browser Compatibility
- Chrome (Android/Desktop): Full support including torch and zoom
- Safari (iOS 11+): Full support — camera permission required
- Firefox (Android/Desktop): Full support
- Edge (Desktop): Full support
- Samsung Internet: Full support
- Requires HTTPS: Camera API requires a secure context (HTTPS or localhost)
- Permission: Browser will ask for camera permission on first use
Examples
Example 1: Basic Camera Scan
Steps to scan a QR code:
1. Click "Start Camera" — browser requests camera permission
2. Point camera at QR code
3. Hold steady — targeting overlay highlights the code
4. Scan completes automatically when code is detected
5. Result appears immediately below the camera view
Decoded Result:
Type: URL
Content: https://example.com/product/123
[Open Link] [Copy] [Add to History]
Scan time: ~0.5 seconds once code is in frame
Example 2: Camera Selection (Multi-Camera Devices)
Available cameras on a smartphone:
● Rear Camera (Wide) — recommended for QR scanning
○ Rear Camera (Ultra-wide)
○ Front Camera (Selfie)
Rear camera advantages for QR scanning:
- Higher resolution (typically 12-50MP vs 8-12MP front)
- Autofocus capability
- Better low-light performance
- Optical zoom available on some devices
Switch cameras: Click the camera flip icon in the scanner UI
Example 3: Scanning in Low Light (Torch Control)
Scenario: Scanning a QR code on product packaging
in a dimly lit warehouse.
Steps:
1. Start the scanner
2. Click the flashlight/torch icon
3. Device flashlight activates
4. QR code is now illuminated and scannable
Torch availability:
✓ Android phones with rear camera
✓ iPhones with rear camera
✗ Front cameras (no torch)
✗ Desktop webcams (no torch)
✗ Some older devices
Alternative: Increase ambient lighting or use
the zoom control to get closer to the code.