-
Notifications
You must be signed in to change notification settings - Fork 30
/
stream.html
32 lines (31 loc) · 1.18 KB
/
stream.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<html>
<head>
<title>Roguelike Celebration Stream</title>
<link rel="stylesheet" href="style/room.css">
</head>
</html>
<body style='overflow-x: hidden; width: 100%; margin: auto'>
<div style="height: 100%; display: flex; flex-flow: column;">
<div style="height: 0; width: 100%; position: relative; padding-bottom: 56.25%">
<iframe id="embed"
src="https://player.twitch.tv/?channel=roguelike_con&parent=chat.roguelike.club"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
style="width: 100%; position: absolute; height: 100%; left: 0; top: 0;"
></iframe>
</div>
<iframe id="captions"
src="https://www.streamtext.net/player/?event=RoguelikeCelebration&chat=false&header=false&footer=false&indicator=false&ff=Consolas&fgc=93a1a1"
frameborder="0"
allow="autoplay; encrypted-media;"
allowfullscreen
style="width: 100%; flex-grow: 1;"
></iframe>
</div>
</body>
<script>
document.addEventListener('DOMContentLoaded', function() {
document.body.style.backgroundColor = decodeURIComponent(window.location.hash).slice(1)
})
</script>
</html>