49 行
2.9 KiB
HTML
49 行
2.9 KiB
HTML
<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>-->
|
|
<noscript><style>#videojs {display: none;}</style></noscript>
|
|
</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%;" id="videojs" 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">
|
|
</video>
|
|
<noscript>
|
|
<video style="width: 100%;height: 100%;" controls autoplay src="{{ url_for('stream') }}">
|
|
</noscript>
|
|
</div>
|
|
<iframe id="stream-info" style="height:9em;" src="/stream-info"></iframe>
|
|
<div style="margin-left: 0.5em;"><a href="https://gitlab.com/ninya9k/onion-livestreaming" target="_blank">source code</a></div>
|
|
</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;">
|
|
<input id="token" type="hidden" name="token" value="{{ token }}">
|
|
<input type="checkbox" style="display:none;" name="debug">
|
|
<button style="font-weight: bold;background: none;border: none;margin: 0;padding: 0;cursor: pointer;" type="submit" class="">🔄</button>
|
|
</form>
|
|
</div>
|
|
<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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="/static/platform.js"></script>
|
|
</body>
|
|
</html>
|