TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Show HN: A webcam made out of HTML checkboxes

202 pointsby bryanbraunover 3 years ago

23 comments

bryanbraunover 3 years ago
Some background: a little while ago I built a library called "Checkboxland" at the Recurse Center for rendering stuff into a checkbox grid. I recently made an update that lets it render arbitrary images and video. The video feature supports HTML MediaStream, which is what powers the webcam demo.
评论 #28487606 未加载
评论 #28486403 未加载
评论 #28580073 未加载
评论 #28481842 未加载
评论 #28476529 未加载
评论 #28472542 未加载
xg15over 3 years ago
&quot;Your scientists were so preoccupied with whether or not they could, they didn’t stop to think if they should.&quot;<p>(Just kidding, that&#x27;s awesome!)
评论 #28487392 未加载
superasnover 3 years ago
I think if you hide the video and just show the checkboxes it will be freaky cool.. still is though.
thih9over 3 years ago
Feature request: I wish it had a demo that doesn’t require granting camera access. Maybe a short sample video or gif?
评论 #28512127 未加载
AquiGorkaover 3 years ago
Oh wow. My hat is off for you. Don&#x27;t bother with the why&#x27;s! Doing this for fun should be a good enough reason!
ushakovover 3 years ago
the demo was exactly what i expected when i&#x27;ve read the title
评论 #28488571 未加载
评论 #28486236 未加载
juliocover 3 years ago
Checkout the new CSS property `accent-color`, which allows you to customize checkbox colors<p>- <a href="https:&#x2F;&#x2F;web.dev&#x2F;accent-color&#x2F;" rel="nofollow">https:&#x2F;&#x2F;web.dev&#x2F;accent-color&#x2F;</a> - <a href="https:&#x2F;&#x2F;developer.mozilla.org&#x2F;en-US&#x2F;docs&#x2F;Web&#x2F;CSS&#x2F;accent-color" rel="nofollow">https:&#x2F;&#x2F;developer.mozilla.org&#x2F;en-US&#x2F;docs&#x2F;Web&#x2F;CSS&#x2F;accent-colo...</a>
brundolfover 3 years ago
Reminds me of: <a href="https:&#x2F;&#x2F;youtu.be&#x2F;zh8MiNzKkiA" rel="nofollow">https:&#x2F;&#x2F;youtu.be&#x2F;zh8MiNzKkiA</a>
samdgover 3 years ago
A colleague of mine created the EmojiVision app for iOS: <a href="https:&#x2F;&#x2F;apps.apple.com&#x2F;us&#x2F;app&#x2F;emojivision&#x2F;id1472824315" rel="nofollow">https:&#x2F;&#x2F;apps.apple.com&#x2F;us&#x2F;app&#x2F;emojivision&#x2F;id1472824315</a><p>It&#x27;s similar, but with different sets of emojis and variable fidelity. Very interesting results!
evvover 3 years ago
Hah, this is like a video with contentEditable = true
runnr_azover 3 years ago
Great &#x2F; stupid project… nice work!
JBiserkovover 3 years ago
<a href="https:&#x2F;&#x2F;www.bryanbraun.com&#x2F;checkboxland&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.bryanbraun.com&#x2F;checkboxland&#x2F;</a>
rnoordaover 3 years ago
Love this! Your site sounded familiar, and I realized you&#x27;re the guy with the After Dark screensavers. Thanks for doing interesting things.
评论 #28492300 未加载
diskzeroover 3 years ago
What a complete waste of time. I love it!!!
jcun4128over 3 years ago
No repo? Curious on a high level how it works, averages nearby pixels or something, or just makes the video really low resolution and each large block is a checkbox?<p>Would think title should say &quot;webcam video output&quot; or something<p>There is the minified demo.js
评论 #28486946 未加载
javawizardover 3 years ago
This is great! It would be better if it dithered though.
评论 #28488990 未加载
评论 #28488435 未加载
AdamJacobMullerover 3 years ago
Your were so preoccupied with whether or not you could, you didn&#x27;t stop to think if you should.<p>No, but, seriously this is hilarious.
wilgover 3 years ago
you made a whole page of checkboxes that i can&#x27;t check AUUUUGHHH
评论 #28489141 未加载
ElijahLynnover 3 years ago
The latency on this is really low, meaning good! Well done!
simlevesqueover 3 years ago
Gotta love the &quot;back to CheckboxLand&quot; link
henryackermanover 3 years ago
Nice! I have one question though: _why?_
评论 #28486325 未加载
评论 #28486694 未加载
togaenover 3 years ago
Doesn’t work for me on iPhone.
easton_sover 3 years ago
gold star my friend!