6 ms·
Show HN: turn videos into ASCII art (open source, js+canvas)
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 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!
- deleted 2y ago[deleted]
- earthWindFi 2y agoThis is really cool, thanks for sharing. I’m getting glitchy cyberpunk vibes from this.
- louloulouhoo 2y agoNice and simple site. Well done for making this work on mobile!
- jraph 2y agoThis 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 https://en.wikipedia.org/wiki/Libcaca
- jgtrosh 2y agoFor uncolored (and generally simpler) ASCII art, see the older libaa
- frankjr 2y agoI 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 2y ago[deleted]
- nachomg 2y agoHaha, name made me chuckle.
- she46BiOmUerPVj 2y agoIt's awesome. I used the image export, is there anyway to export to text with escape codes?
- getToTheChopin 2y agoHappy 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 2y agoGlad you did this. I had a similar idea but never made time for it. Thanks.
- getToTheChopin 2y agoThank 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 2y agoMaybe 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 2y agoThank you for the feedback and reassurance. Hoping I’ll have more progress to share soon!
- dylanha 2y agoI 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 2y agoWhen would you expect to put a video of a diagram into a readme file?
- seanthemon 2y agoAny damn time I want, notepad is the next best thing to freedom that we have!
- getToTheChopin 2y agoYes 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 2y ago> 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 2y agoInteresting, so like aalib for the browser?
- getToTheChopin 2y agoI 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 2y agoIs 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 https://github.com/seatedro/asciigen [1] https://x.com/seatedro/status/1828414268707946506 https://x.com/seatedro/status/1828414268707946506
- getToTheChopin 2y agoIf 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 2y agoAmazing! I didn't notice the control panel earlier
- iaad 2y agoThere'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 https://github.com/keroserene/rickrollrc
- getToTheChopin 2y agoI love that. You’re never safe from Mr. Astley