HN Explorer

Show HN: turn videos into ASCII art (open source, js+canvas) (collidingscopes.github.io)

121 points by getToTheChopin ↗ HN
This tool turns videos into ASCII pixel art. You can use your webcam feed or upload a video, then use the controls to adjust the colors, resolution, text style, etc.

Github repo: https://github.com/collidingScopes/ascii

It's built with javascript / html canvas.

I'll be continuing to work on this, with the goal of improving performance (it can be laggy at high resolutions) and to also allow image input (turn an image into animated ASCII art).

Please let me know of any feedback or suggestions!

26 comments

[ 0.27 ms ] story [ 77.4 ms ] thread
[deleted]
(comment deleted)
earthWindFi
This is really cool, thanks for sharing. I’m getting glitchy cyberpunk vibes from this.
louloulouhoo
Nice and simple site. Well done for making this work on mobile!
jraph
This reminds me of libcaca [1], which anyone interested in this should check out. It's integrated in various tools, including ffmpeg, mpv, and of course VLC (Sam Hocevar, who wrote libcaca, was also a key VLC contributor at its beginnings).

The biggest difference I see (apart from the used programing language) is that libcaca outputs colored ascii art.

[1] https://en.wikipedia.org/wiki/Libcaca

jgtrosh
For uncolored (and generally simpler) ASCII art, see the older libaa
jiripospisil
I was just about to say. With mpv, you can play videos as ASCII art just by doing mpv --vo=caca <file>. Just make sure your mpv is actually built with caca support (mpv --vo=help; Arch Linux's mpv is not, Fedora's is).
[deleted]
(comment deleted)
nachomg
Haha, name made me chuckle.
she46BiOmUerPVj
It's awesome. I used the image export, is there anyway to export to text with escape codes?
getToTheChopin
Happy to hear it! That's a great suggestion -- I will add that feature. Probably a button that you can press in the GUI, which will then populate a text field at the bottom with the relevant chars / line breaks of that frame.
spacebacon
Glad you did this. I had a similar idea but never made time for it. Thanks.
getToTheChopin
Thank you! It was fun making this. I think I'll try some other video manipulations now that I've got code for splitting videos into frames / reading pixel data from each frame.
spacebacon
Maybe start to head into the direction of filters. Stuff that after effects can already do for video. Stay interested in this and keep improving. Great work.
getToTheChopin
Thank you for the feedback and reassurance. Hoping I’ll have more progress to share soon!
dylanha
I thought the point of ASCII art was that it could be exported into Notepad. is the website mainly for aesthetics/art as opposed to inserting diagrams into READMEs now?
Minor49er
When would you expect to put a video of a diagram into a readme file?
seanthemon
Any damn time I want, notepad is the next best thing to freedom that we have!
getToTheChopin
Yes this website is mainly for aesthetics and art. I will however add a feature that will generate the relevant chars / line breaks of a given still image, so that it can be exported to notepad.
ruthmarx
> I thought the point of ASCII art was that it could be exported into Notepad.

I don't think that's ever been the point of ASCII art. It's just art made with ASCII characters, that's it.

pak9rabid
Interesting, so like aalib for the browser?
getToTheChopin
I hadn’t heard of AAlib before, but just read the wiki for it, and yes this is a similar tool but for the browser.

This makes it easy to create video ascii art from any computer or phone

liam-hinzman
Is there anything like this where it's only coloring the text and not the background of the font? Hoping to find something like ascii-gen [0,1] but for video

[0] https://github.com/seatedro/asciigen [1] https://x.com/seatedro/status/1828414268707946506

getToTheChopin
If I’m understanding correctly, you should be able to do that by unchecking “Bg Gradient” in the GUI menu.

Then change the font colors as you wish.

liam-hinzman
Amazing! I didn't notice the control panel earlier
iaad
There's a version of "Never Gonna Give You Up" in ASCII art. Which means if you can access a .bashrc or something similar, you can rick roll them in their terminal on startup.

Found it: https://github.com/keroserene/rickrollrc