next-terminal/web/public/asciinema.html
2021-10-31 17:15:35 +08:00

42 lines
1.1 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" type="text/css" href="static/css/asciinema-player.css"/>
<style>
body {
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<asciinema-player id='asciinema-player' src="" rows="42" cols="150"></asciinema-player>
<script src="static/js/asciinema-player.js"></script>
</body>
<script>
const getToken = function () {
return localStorage.getItem('X-Auth-Token');
}
// const server = '//127.0.0.1:8088';
const server = '';
function getQueryVariable(variable) {
const query = window.location.search.substring(1);
const vars = query.split("&");
for (let i = 0; i < vars.length; i++) {
const pair = vars[i].split("=");
if (pair[0] === variable) {
return pair[1];
}
}
return false;
}
let sessionId = getQueryVariable('sessionId');
document.getElementById('asciinema-player').setAttribute('src', `${server}/sessions/${sessionId}/recording?X-Auth-Token=${getToken()}`);
</script>
</html>