tensorchord / envd-quick-start

demo for envd
Apache License 2.0
4 stars 2 forks source link

Use asciinema.org for demo #5

Closed Xuanwo closed 2 years ago

Xuanwo commented 2 years ago

Please consider using https://asciinema.org/ for the shell operations demo.

Xuanwo commented 2 years ago

https://github.com/tensorchord/envd-quick-start/issues/4 contains a huge svg that could block entire page loading.

gaocegege commented 2 years ago

Actually we have the demo in asciinema.

https://asciinema.org/a/518270

But we also want a gif in README.

gaocegege commented 2 years ago

4 contains a huge svg that could block entire page loading.

The SVG is not huge. It is only <1MB. But it consumes 90% CPU in Chrome Linux, I am not sure why.

Xuanwo commented 2 years ago

But we also want a gif in README.

We can embed asciinema in README

gaocegege commented 2 years ago

But we also want a gif in README.

We can embed asciinema in README

Yep we can. But it is not playable in Markdown.

gaocegege commented 2 years ago

https://github.com/jetpack-io/devbox 's demo is fancy.

gaocegege commented 2 years ago

Maybe we can use https://github.com/marionebl/svg-term-cli

Xuanwo commented 2 years ago

https://github.com/jetpack-io/devbox 's demo is fancy.

It's 82K.

Xuanwo commented 2 years ago

But it is not playable in Markdown.

I got it. Users need to jump to https://asciinema.org/a/518270 to watch.

asciicast

gaocegege commented 2 years ago

Yep, it is one of the limitations of asciinema.

https://github.com/marionebl/svg-term-cli can help resolve this.

Xuanwo commented 2 years ago

test

Xuanwo commented 2 years ago

Works but still hurts the browser's performance. Maybe we should make the demo a bit simpler?

gaocegege commented 2 years ago

Yep. I am working on it.

Xuanwo commented 2 years ago

I'm trying https://github.com/asciinema/agg

Xuanwo commented 2 years ago

demo

gaocegege commented 2 years ago

I'm trying https://github.com/asciinema/agg

I also tested this. The gif is not in high quality.

VoVAllen commented 2 years ago

If svg doesn't work, mp4 can also be a better choice than gif I think

gaocegege commented 2 years ago

demo

Xuanwo commented 2 years ago

demo

Smooth!