Splashery

Video QR. The same points, seen from the side. Drag down to look at it from above.

About 8 MB, on this tap only

Video QR

A QR reader only looks at the middle of each square.

PlaygroundHow to play

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

ControlKindRangeStart
Pause the clipTap
ClipList8 choicesSintel, the close-up (a sample)
Frames a secondList6 choices12
LengthList7 choices4 seconds
Picture detailList3 choicesDots
SpeedList2 choicesClearer picture
ContrastSetting
Code sizeList4 choicesMost detail that scans on a phone
Error correctionList4 choicesH: 30%
ShapeList2 choicesSquare
FrameList3 choicesFeather: 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

WorkByLicense
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 FoundationCC BY 3.0
Big Buck Bunny (a six-second scene: the video sample)Blender FoundationCC 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èsPublic domain
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 LottPublic 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).HAV0XunderscoreCC0 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

  1. Chapter 9: Codes and pages

Share it

This page's code, the same one the top of its block shows. The link below 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 in the collection