HTML5 Webcam function tester.
You can also capture and download image as a PNG file. Furthermore, you can decode QR codes, now.
See this article in detail. You can try here.
- Connect WebCam to your PC.
- Open this tool. Google Chrome is highly recommended.
- Give a permission. Press "Allow"/"許可" on the dialog below.
- Press "Capture" button after the video streaming started. Captured image will be downloaded instantly.
- Press "Flip Camera" icon upper left on the video region, then you can switch camera(especially for smart devices).
- QR codes are automatically recognized and the result data will be shown in the textarea region.
If you have multiple cameras in PC, you can switch to another camera in the following steps.
- Press a 'Camera' icon next to the URL, then press 'Manage/管理' button.
- Select a camera you would like to use in the Chrome camera setting.
This software is released under the MIT License, see LICENSE.
Tetsunori NAKAYAMA.
On HTML5 video tag
https://developer.mozilla.org/ja/docs/Web/HTML/Element/video
jsQR @cozmo https://github.com/cozmo/jsQR
Capturing image from video streaming
https://qiita.com/iwaimagic/items/1d16a721b36f04e91aed
YYYYMMDD hhmmss
https://gist.github.com/froop/962669
Icon
https://material.io/resources/icons/
UI parts
https://www.muicss.com/