aboutgitcodebugslistschat
path: root/README.md
diff options
context:
space:
mode:
authorStefano Brivio <sbrivio@redhat.com>2022-02-22 18:29:45 +0100
committerStefano Brivio <sbrivio@redhat.com>2022-02-22 18:36:24 +0100
commit337f55166f6db7ee3f6e6e253ce786b3b6606216 (patch)
tree6f6c02ed1cae7a5130789497438b98b5332c8a74 /README.md
parentbe2a7898e9de236da7c42d1fb37a5a2017ac192b (diff)
downloadpasst-337f55166f6db7ee3f6e6e253ce786b3b6606216.tar
passt-337f55166f6db7ee3f6e6e253ce786b3b6606216.tar.gz
passt-337f55166f6db7ee3f6e6e253ce786b3b6606216.tar.bz2
passt-337f55166f6db7ee3f6e6e253ce786b3b6606216.tar.lz
passt-337f55166f6db7ee3f6e6e253ce786b3b6606216.tar.xz
passt-337f55166f6db7ee3f6e6e253ce786b3b6606216.tar.zst
passt-337f55166f6db7ee3f6e6e253ce786b3b6606216.zip
demo, ci: Switch to asciinema(1) for terminal recordings
For demos, cool-retro-term(1) looked fancier, but several threads of that and ffmpeg(1) are just messing up with performance testing. The CI videos started getting really big as well, and they were difficult to read. Signed-off-by: Stefano Brivio <sbrivio@redhat.com>
Diffstat (limited to 'README.md')
-rw-r--r--README.md52
1 files changed, 38 insertions, 14 deletions
diff --git a/README.md b/README.md
index 16e91b9..9c71c13 100644
--- a/README.md
+++ b/README.md
@@ -398,28 +398,52 @@ is fully configurable with command line options.
### pasta
+<link rel="stylesheet" type="text/css" href="/static/asciinema-player.css" />
+<script src="/static/asciinema-player.min.js"></script>
+
+<div style="display: grid; grid-template-columns: 1fr 1fr;">
+ <div>
+ <div id="demo_pasta" style="width: 100%; height: auto;"></div>
+ <div>use pasta to create and connect a namespace</div>
+ </div>
+</div>
<div style="display: grid; grid-template-columns: 1fr 1fr;">
- <div><video id="demo_pasta_video" style="width: 100%; height: auto;" controls>
- <source src="/builds/latest/web/demo_pasta.webm" type="video/webm">
- </video>use pasta to create and connect a namespace</div>
- <div><video id="demo_podman_video" style="width: 100%; height: auto;" controls>
- <source src="/builds/latest/web/demo_podman.webm" type="video/webm">
- </video>use Podman with pasta</div>
+ <div>
+ <div id="demo_podman" style="width: 100%; height: auto;"></div>
+ <div>use Podman with pasta</div>
</div>
+<script>
+demo_pasta_player = AsciinemaPlayer.create('/builds/latest/web/demo_pasta.cast',
+ document.getElementById('demo_pasta'),
+ { cols: 130, rows: 40, preload: true }
+ );
+
+demo_podman_player = AsciinemaPlayer.create('/builds/latest/web/demo_podman.cast',
+ document.getElementById('demo_podman'),
+ { cols: 130, rows: 40, preload: true }
+ );
+</script>
### passt
-<p><video id="demo_passt_video" style="width: 70%; height: auto; max-height: 90%" controls>
- <source src="/builds/latest/web/demo_passt.webm" type="video/webm">
-</video></p>
+<div id="demo_passt" style="width: 70%; height: auto; max-height: 90%"></div>
+<script>
+demo_passt_player = AsciinemaPlayer.create('/builds/latest/web/demo_passt.cast',
+ document.getElementById('demo_passt'),
+ { cols: 130, rows: 40, preload: true }
+ );
+</script>
## Continuous Integration
-<p><video id="ci_video" style="width: 90%; height: auto; max-height: 90%" controls>
- <source src="/builds/latest/web/ci.webm" type="video/webm">
-</video></p>
-
-<script src="/builds/latest/web/ci.js"></script>
+<div id="ci" style="width: 90%; height: auto; max-height: 90%"></div>
+<script>
+ci_player = AsciinemaPlayer.create('/builds/latest/web/ci.cast',
+ document.getElementById('ci'),
+ { cols: 240, rows: 50, preload: true }
+ );
+</script>
+<div><script src="/builds/latest/web/ci.js"></script></div>
Test logs [here](/builds/latest/test/).