2020-10-03 18:44:16 +02:00
|
|
|
<!doctype HTML>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>twitch.tforgione.fr</title>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
2020-10-04 16:37:01 +02:00
|
|
|
<link href="css/video-js.css" rel="stylesheet">
|
2020-10-04 21:09:13 +02:00
|
|
|
<link href="css/spinner.css" rel="stylesheet">
|
2020-10-03 18:44:16 +02:00
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="container"></div>
|
2020-10-04 16:37:01 +02:00
|
|
|
<script src="js/vd.js"></script>
|
2020-10-03 18:44:16 +02:00
|
|
|
<script src="js/main.js"></script>
|
|
|
|
|
<script>
|
2020-10-04 16:37:01 +02:00
|
|
|
var app = Elm.Main.init({
|
2020-10-04 20:20:16 +02:00
|
|
|
node: document.getElementById('container'),
|
|
|
|
|
flags: { width: window.innerWidth, height: window.innerHeight }
|
2020-10-03 18:44:16 +02:00
|
|
|
});
|
2020-10-04 16:37:01 +02:00
|
|
|
|
2020-10-04 21:31:16 +02:00
|
|
|
var lastId, player;
|
|
|
|
|
|
2020-10-04 16:37:47 +02:00
|
|
|
app.ports.registerVideo.subscribe(function(args) {
|
2020-10-04 21:31:16 +02:00
|
|
|
var time = parseInt(args[2], 10) || undefined;
|
|
|
|
|
|
2020-10-04 17:06:03 +02:00
|
|
|
requestAnimationFrame(function() {
|
2020-10-04 21:31:16 +02:00
|
|
|
if (args[0] !== lastId) {
|
|
|
|
|
lastId = args[0];
|
|
|
|
|
|
|
|
|
|
player = vd.setup(args[0], {
|
|
|
|
|
v: args[1] + "/manifest.mpd",
|
|
|
|
|
t: parseInt(args[2], 10) || 0
|
|
|
|
|
});
|
|
|
|
|
} else if (time !== undefined ){
|
|
|
|
|
player.currentTime(time);
|
|
|
|
|
}
|
2020-10-04 17:06:03 +02:00
|
|
|
});
|
2020-10-04 16:37:47 +02:00
|
|
|
});
|
2020-10-03 18:44:16 +02:00
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
|
