|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<link rel="stylesheet" type="text/css" href="/player/asciinema-player.css" />
|
|
|
|
</head>
|
|
|
|
<body onLoad="GetVideo()">
|
|
|
|
|
|
|
|
<asciinema-player id="p1" title="Linux" author="swarmlab.io" author-url="http://www.swarmlab.io" font-size="small" speed="2" theme="monokai"></asciinema-player>
|
|
|
|
<script src="/player/asciinema-player.js"></script>
|
|
|
|
<script>
|
|
|
|
function GetVideo() {
|
|
|
|
//document.querySelector("#p1").setAttribute("src", src);
|
|
|
|
document.getElementById('p1').addEventListener('canplaythrough', function(e) {
|
|
|
|
var url_string = window.location.href
|
|
|
|
var url = new URL(url_string);
|
|
|
|
var item = url.searchParams.get("item");
|
|
|
|
var llo = url.searchParams.get("llo");
|
|
|
|
var src = '/player/'+llo+'/'+item+'.cast'
|
|
|
|
|
|
|
|
var video = document.getElementById('p1');
|
|
|
|
video.setAttribute('src', src);
|
|
|
|
document.getElementById('p1').play()
|
|
|
|
console.log("all ready to play");
|
|
|
|
})
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html>
|