Support for asciinema #418
Closed
Smallinger
started this conversation in
Ideas
Replies: 2 comments
-
|
Hey! I would really love this feature! And the asciinema player implementation is easy as well! I've a small php file on my server which just loads a *-ascii.cast file, sets some css (so it's fullscreen). Maybe it helps: <!doctype html>
<html>
<head>
<link rel="stylesheet" type"text/css" href="/fira_code.css" />
<link rel="stylesheet" type="text/css" href="/asciinema-player.css" />
<title>CLI <?php echo ($_GET['movie'] == '' ? 'demo' : $_GET['movie'])?>.cast</title>
<style>
html, body {
width: 100% !important;
height: 100% !important;
margin: 0;
background: #121314;
}
#demo {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
</style>
</head>
<body>
<div id="demo"></div>
<script src="/asciinema-player.js"></script>
<script>
const url = window.location.hostname.replace("cli.", "");
AsciinemaPlayer.create("https://dl."+url+"/casts/<?php echo ($_GET['movie'] == '' ? 'demo' : $_GET['movie'])?>-ascii.cast", document.getElementById('demo'),
{
autoPlay: true,
preload: true,
idleTimeLimit: 2,
theme: 'asciinema',
fit: 'both',
terminalFontFamily: "Fira Code"
});
</script>
</body>
</html> |
Beta Was this translation helpful? Give feedback.
0 replies
-
|
finally added in 6758fe1 ! Screen.Recording.2025-08-20.at.8.57.24.PM.mov |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
-
Would be cool to selfhost your asciinema with the https://github.com/asciinema/asciinema-player
Hope this can be implemented.
Beta Was this translation helpful? Give feedback.
All reactions