4 ms·

I wrote termtosvg as an alternative [1]. It's a python program that records a shell session as a standalone SVG animation. Animations produced by termtosvg can

by nbe 7y ago

I wrote termtosvg as an alternative [1]. It's a python program that records a shell session as a standalone SVG animation. Animations produced by termtosvg can be embedded in Markdown files or HTML pages. [1] https://github.com/nbedos/termtosvg https://github.com/nbedos/termtosvg

paulgb 7y ago
I like this approach! Smaller filesize and better rendering than a gif, but just as embeddable in a GitHub markdown readme since it's pure CSS animation. Kudos, looking forward to using this.
nickcw 7y ago
That looks very cool, I will give it a go! I particularly like this feature > Rendering of recordings in asciicast format made with asciinema I quite like there being an intermediate file like there is in asciinema that you can edit by hand to remove your typos or speed boring bits up.
csdvrx 7y ago
That's great! I love the approach: a standalone ouput in a standard format. Do you think you could also add support for ttyrec input? This would allow converting existing ttyrecs and have a a full suite of tools creating all the options ready to upload between 1) standard text format record, 2) regular animated gif, 3) svg when saving space is important (while gaining zoom abilities as well!)
- nbe 7y ago
  It's a good idea. I don't have much time for termtosvg these days so I can't promise it'll get implemented but I've opened an issue to remember it [1]. [1] https://github.com/nbedos/termtosvg/issues/108 https://github.com/nbedos/termtosvg/issues/108
glofish 7y ago
Awesome alternative! I like how it is all in one format. Fits right into a document I am developing.
tsukurimashou 7y ago
One thing from the 'demo' here: https://nbedos.github.io/termtosvg/ https://nbedos.github.io/termtosvg/ on your web player it seems you cannot select multiple lines
- nbe 7y ago
  Yes. A line of the animation is a group of text elements. Somehow text selection does not work across several SVG groups. I could remove this logic but it would mean duplicating the definition of a line on every frame showing it instead of using a single definition.

by nbe 7y ago

paulgb 7y ago

I like this approach! Smaller filesize and better rendering than a gif, but just as embeddable in a GitHub markdown readme since it's pure CSS animation. Kudos, looking forward to using this.

nickcw 7y ago

That looks very cool, I will give it a go! I particularly like this feature > Rendering of recordings in asciicast format made with asciinema I quite like there being an intermediate file like there is in asciinema that you can edit by hand to remove your typos or speed boring bits up.

csdvrx 7y ago

That's great! I love the approach: a standalone ouput in a standard format. Do you think you could also add support for ttyrec input? This would allow converting existing ttyrecs and have a a full suite of tools creating all the options ready to upload between 1) standard text format record, 2) regular animated gif, 3) svg when saving space is important (while gaining zoom abilities as well!)

nbe 7y ago
It's a good idea. I don't have much time for termtosvg these days so I can't promise it'll get implemented but I've opened an issue to remember it [1]. [1] https://github.com/nbedos/termtosvg/issues/108 https://github.com/nbedos/termtosvg/issues/108

glofish 7y ago

Awesome alternative! I like how it is all in one format. Fits right into a document I am developing.

tsukurimashou 7y ago

One thing from the 'demo' here: https://nbedos.github.io/termtosvg/ https://nbedos.github.io/termtosvg/ on your web player it seems you cannot select multiple lines

nbe 7y ago
Yes. A line of the animation is a group of text elements. Somehow text selection does not work across several SVG groups. I could remove this logic but it would mean duplicating the definition of a line on every frame showing it instead of using a single definition.