Video QR
A QR reader only looks at the middle of each square.
This picture is a cloud of paint. You can , , , , , , and .
Paint with your finger. It stays on these splats, wherever they go next.
Your paint is on this cloud. to see the sharp picture.
- Shelf
- Studio
- Kind
- Built from a recipe
- Sound
- Yes
- Licenses
- CC BY 3.0, Public domain, CC0, Apache-2.0, MIT
How to play
Watch the clip play behind the code, or open your own video or GIF and fit it in Fit your clip. Tap to pause and check that the frame showing scans; tap again to play. Sound on, or the speaker, plays its sound.
Its controls
| Control | Kind | Range | Start |
|---|---|---|---|
| Pause the clip | Tap | ||
| Clip | List | 8 choices | Big Buck Bunny (a sample) |
| Frames a second | List | 6 choices | 12 |
| Length | List | 7 choices | 4 seconds |
| Picture detail | List | 3 choices | Clear picture |
| Speed | List | 2 choices | Clearer picture |
| Contrast | Setting | ||
| Code size | List | 4 choices | Most detail that scans on a phone |
| Error correction | List | 4 choices | H: 30% |
| Shape | List | 2 choices | Square |
| Frame | List | 3 choices | Feather: the clip fades in |
About it
A QR reader only looks at the middle of each square. Video QR keeps that middle dark or light for the code and paints the rest of each square from the video, the way Picture QR does, frame by frame. Every frame uses the same code, so it scans while it plays, not only when it stops.
The sample is six seconds of Big Buck Bunny by the Blender Foundation (CC BY 3.0). Your own video stays on this device.
Details
- Your own files
- video/mp4, video/webm, video/quicktime, image/gif
Sources and credits
| Work | By | License |
|---|---|---|
| Big Buck Bunny (a six-second scene: the video sample) | Blender Foundation | CC BY 3.0 |
| Ultimate Saturn V Launch w Enhanced Sound (one 5.9-second shot, from 2:25.0)Cut to the one shot and cropped square, with its sound. | NASA (Marshall Space Flight Center) | Public domain in the United States (NASA media) |
| Le Voyage dans la Lune (A Trip to the Moon, 1902; six seconds from 6:13.7)Cut to six seconds and cropped to the middle square, with no sound. | Georges Méliès | Public domain |
| Sintel (a six-second close-up, from 5:42.5)© copyright Blender Foundation | durian.blender.org. Cut to six seconds and cropped square, with its sound. | Blender Foundation | CC BY 3.0 |
| Artemis II launch Causeway Slow-motion (six seconds from 0:40)Cut to six seconds and cropped to a square on the rocket (the file's sound track is silent). | NASA/Sam Lott | Public domain in the United States (NASA media) |
| April 22, 2025 — Kīlauea Episode 18 Lava Fountaining Video (six seconds from 0:10)USGS video by H. Winslow and M. Patrick. Cut to six seconds and cropped square (the file has no sound). | H. Winslow and M. Patrick (USGS) | Public domain |
| Rozi the cheetah running at the Cincinnati Zoo (six seconds from 0:36.7)Cut to six seconds and cropped square (the file has no sound). | HAV0Xunderscore | CC0 1.0 |
Libraries
- MIT
- gifenc 1.0.3
- Apache-2.0
- jsQR 1.4.0 (lane LSTUDIO)
- MIT
- QR Code generator library (Project Nayuki)
- MIT, Apache-2.0
- zxing-wasm 3.1.4, with zxing-cpp (copied from Splashery)
- MIT, Apache-2.0
- ZXing for JavaScript 0.21.3 (lane LSTUDIO)
In The Splash Manual
Share it
This link opens it in the Playground. To put it on your own page, add the element and one script tag. Every option.
https://splashery.app/play/?toy=video-qr
<script type="module" src="https://splashery.app/play/src/element.js"></script> <splashery-toy toy="video-qr"></splashery-toy>
Nearby
Picture QRA QR reader samples the center of each module.
QR CodeA QR code stores text in a square grid of dark and light modules.
3D VideoA video is a string of photos, and a computer can guess how far away each part of a photo is.
QR ExplainedA QR code is a grid of dark and light modules with a fixed plan.