Shape Detection API Playground (Faces, Barcodes, Text)

Start here

Pick an input source to get a live preview or load a file.

Upload Image

Tip: drag & drop an image onto the preview, or paste with Ctrl/⌘+V.

Drop image to load

Detections will list here (raw objects in console).

Type	Summary	Box (x,y,w,h)

Barcode Face Text

Supported barcode formats (from BarcodeDetector.getSupportedFormats()):

Instructions / Troubleshooting

Use a Chromium-based browser. This demo uses the Shape Detection API.
Barcode is commonly available by default. Face and Text may require enabling experimental features depending on your build.
If something is unavailable, try enabling: chrome://flags/#enable-experimental-web-platform-features, restart the browser, then refresh this page.
Camera requires a secure origin (https:// or localhost).
Loading an image by URL requires the image server to allow CORS; otherwise you’ll see a SecurityError.
Detectors are asynchronous and not guaranteed to be real-time. Prefer manual snapshots or occasional checks.