Live data from Hacker News

Show HN: Termtosvg – Record terminal sessions as SVG animations

github.com

11–20 of 84 posts

Re: Show HN: Termtosvg – Record terminal sessions as SVG animations

#11
This is great for many of the same reasons that asciinema is great -- smooth animation and selectable text. The resulting svg is orders of magnitude smaller than a gif would be.

How hard would it be to add some sort of pause button to aid in selecting from the capture? Also, it appears you can only select when you are viewing the image directly, not when it is embedded via an tag. Is that fixable? I guess maybe an might work, but I haven't played with it yet.

Re: Show HN: Termtosvg – Record terminal sessions as SVG animations

#12
post #2

The example animation looks broken in Safari (including Tech Preview 59), works in Chrome 67 (of course), and in Firefox 61. [Edit: This seems to be a macOS/driver bug affecting only some models]

I don't see any problems with Safari 11.1.1 on macOSX or on mobile Safari on my iPhone.

Re: Show HN: Termtosvg – Record terminal sessions as SVG animations

#13
What're people using tools like this for? I see the usage surely when demonstrating something in the terminal - and many times used for showcasing projects and tools. Are you using the recordings for other purposes, like to document work and share progress with your team + manager for instance for work you're doing during a sprint (good for demo'ing things at the end of the sprint too).

Re: Show HN: Termtosvg – Record terminal sessions as SVG animations

#14

This is great for many of the same reasons that asciinema is great -- smooth animation and selectable text. The resulting svg is orders of magnitude smaller than a gif would be. How hard would it be to add some sort of pause button to aid in selecting from the capture? Also, it appears you can only select when you are viewing the image directly, not when it is embedded via an tag. Is that fixable? I guess maybe an mi…

I wonder if you could just use a javascript button to pause the animation and if that would make the text selectable.

Re: Show HN: Termtosvg – Record terminal sessions as SVG animations

#15
post #2

The example animation looks broken in Safari (including Tech Preview 59), works in Chrome 67 (of course), and in Firefox 61. [Edit: This seems to be a macOS/driver bug affecting only some models]

I don't see any problems with Safari 11.1.1 on macOSX or on mobile Safari on my iPhone.

Right. It works on my 2013 MacBookPro, but the drawing looks incomplete/broken on my 2015 Retina 5k iMac. Both run macOS 10.13.5.

Re: Show HN: Termtosvg – Record terminal sessions as SVG animations

#16

Earlier quoted context omitted.

Animated SVG animations (really just an svg element + animated css) are significantly smaller, more efficient, and crisper than equivalent GIF animations. I wrote about the difference between the two here: https://hackernoon.com/presenting-your-code-beautifully-fdba... As I explained in the above article, this is already possible with asciinema + svg-term-cli ( https://github.com/marionebl/svg-term-cli ). The one dow…

You're competing with webm / mp4 not gif though. Editing the HTML attribute to width=2000% is pretty sweet however because it's a vector. I'm guessing if the example wasn't in an image tag I could select the text too?

If you click on the example image to view it in a new tab, you can select the text there. It could be improved, afaict you can only select a single line of text at a time and if you select the current line being typed then the selection is cleared when that line is modified.

Re: Show HN: Termtosvg – Record terminal sessions as SVG animations

#17
post #13

What're people using tools like this for? I see the usage surely when demonstrating something in the terminal - and many times used for showcasing projects and tools. Are you using the recordings for other purposes, like to document work and share progress with your team + manager for instance for work you're doing during a sprint (good for demo'ing things at the end of the sprint too).

It's good for right-way vs wrong-way demonstrations. If I just copy the text out of my terminal and say "this is how we used to do it; this is how we should do it/will do it now" and paste it in a jira ticket, not many people will take the time to read and understand. Gifs are more accessible I guess.

Re: Show HN: Termtosvg – Record terminal sessions as SVG animations

#18
post #2

The example animation looks broken in Safari (including Tech Preview 59), works in Chrome 67 (of course), and in Firefox 61. [Edit: This seems to be a macOS/driver bug affecting only some models]

It's broken on my 2014 MacBook Air with Safari 11.1.1. Works OK on Firefox and Chrome.

Re: Show HN: Termtosvg – Record terminal sessions as SVG animations

#19
The primary casualty of using SVG animations is IE/Edge support; SMIL is not currently planned: https://developer.microsoft.com/en-us/microsoft-edge/platfor....

It would be good to adjust the failure mode so that if SMIL is not supported then at least a meaningful frame (probably the last, though scrolling makes it difficult to decide!) is shown, rather than just a blank rectangle.

Re: Show HN: Termtosvg – Record terminal sessions as SVG animations

#20
The example recording renders super smoothly in FF v61.0 and Chrome v67.0, but stutters in Safari running on an OS-X 'High Sierra' machine.

That said, I'm absolutely loving this as the file size and the memory footprint of this SVG is super-small relative to what a .gif of the same content would be. Great work!

Post reply on HN