<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width,initial-scale=1" /> <style> * { font-size: 1.5rem; } </style> </head> <body> <label for="environment">Capture environment:</label> <br> <input type="file" id="environment" capture="environment" accept="video/*" > <br><br> <label for="user">Capture user:</label> <br> <input type="file" id="user" capture="user" accept="image/*" > </body> </html>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter