2021-04-10 03:25:46 +09:00
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<meta charset="utf-8">
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<link href="/static/video-js.css" rel="stylesheet">
|
|
|
|
<link href="/static/pure-min.css" rel="stylesheet">
|
|
|
|
<link href="/static/grids-responsive-min.css" rel="stylesheet">
|
|
|
|
<link href="/static/platform.css" rel="stylesheet">
|
|
|
|
<script src="/static/video.js"></script>
|
|
|
|
<script src="/static/videojs-contrib-hls.js"></script>
|
|
|
|
<!-- <script src="/static/dash.all.debug.js"></script>
|
|
|
|
<script src="/static/videojs-dash.js"></script>-->
|
|
|
|
</head>
|
|
|
|
<body class="dark-theme">
|
|
|
|
<div class=pure-g>
|
|
|
|
<div class="pure-u-1 pure-u-md-2-3">
|
|
|
|
<div id="stream" class="border">
|
|
|
|
<!-- https://stackoverflow.com/questions/41014197/how-can-i-play-a-m3u8-file-video-using-the-html5-video-element -->
|
|
|
|
<video style="width:100%;height:100%;" class="video-js vjs-default-skin vjs-big-play-centered" data-setup='{"controls": true, "autoplay": true }'>
|
|
|
|
<source src="{{ url_for('playlist') }}" type="application/x-mpegURL">
|
|
|
|
<!--<source src="{{ url_for('playlist') }}" type="application/dash+xml">-->
|
|
|
|
</video>
|
|
|
|
<noscript>
|
|
|
|
<div id="noscript">
|
|
|
|
you need javascript on to see the livestream :( ..... big oof
|
|
|
|
</div>
|
|
|
|
</noscript>
|
|
|
|
</div>
|
|
|
|
<iframe id="stream-info" style="height:9em;" src="/stream-info"></iframe>
|
|
|
|
</div>
|
|
|
|
<div class="pure-u-1 pure-u-md-1-3">
|
|
|
|
<div class="border">
|
|
|
|
<div class="banner" style="padding-bottom:0.5em;border-bottom:1px solid gray;padding-left: 1em;font-size:125%;">
|
|
|
|
<span>Stream chat</span>
|
|
|
|
<form target="chat" action="/chat" method="get" class="banner" style="float: right;margin: 0;width: 1em;">
|
2021-04-10 14:43:38 +09:00
|
|
|
<input id="token" type="hidden" name="token" value="{{ token }}">
|
|
|
|
<button style="font-weight: bold;background: none;border: none;margin: 0;padding: 0;cursor: pointer;" type="submit" class="">🔄</button>
|
2021-04-10 03:25:46 +09:00
|
|
|
</form>
|
|
|
|
</div>
|
2021-04-10 14:43:38 +09:00
|
|
|
<iframe id="chat" name="chat" style="transform: rotate(180deg);transform: scaleY(-1);" src="{{ url_for('chat_iframe', token=token) }}"></iframe>
|
|
|
|
<iframe style="height:6em;border-top:1px solid #434343;padding-top:0.5em;" src="{{ url_for('comment_iframe', token=token) }}"></iframe>
|
2021-04-10 03:25:46 +09:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2021-04-10 14:43:38 +09:00
|
|
|
</div>
|
2021-04-10 03:25:46 +09:00
|
|
|
<script src="/static/platform.js"></script>
|
|
|
|
</body>
|
|
|
|
</html>
|