2019-03-10 16:42:12 +01:00
|
|
|
<!doctype html>
|
|
|
|
|
<html>
|
2019-03-12 23:15:45 +01:00
|
|
|
|
2019-03-10 21:45:10 +01:00
|
|
|
<head>
|
|
|
|
|
<meta charset='utf-8'>
|
2019-03-12 06:53:51 +01:00
|
|
|
<title>{{ .Title }}</title>
|
2019-03-10 21:45:10 +01:00
|
|
|
<link rel="stylesheet" type="text/css" href="/static/site.css">
|
|
|
|
|
<script type="application/javascript" src="/static/js/jquery.js"></script>
|
2019-03-13 03:55:35 +01:00
|
|
|
<script type="application/javascript" src="/static/js/flv.min.js"></script>
|
2019-03-12 04:15:42 +01:00
|
|
|
<script type="application/javascript" src="/static/js/wasm_exec.js"></script>
|
2019-03-10 21:45:10 +01:00
|
|
|
<script type="application/javascript" src="/static/js/client.js"></script>
|
2019-03-12 06:53:51 +01:00
|
|
|
|
|
|
|
|
{{ if .Chat }}
|
2019-03-12 23:15:45 +01:00
|
|
|
<script>
|
2019-03-13 05:02:36 +01:00
|
|
|
maxMessageCount = {{ .MessageHistoryCount }}
|
2019-03-13 03:55:35 +01:00
|
|
|
window.onload = chatOnload;
|
2019-03-12 23:15:45 +01:00
|
|
|
</script>
|
|
|
|
|
<!-- If it is only the chat window, the the chat needs to be fullscreen -->
|
|
|
|
|
{{ if not .Video }}
|
|
|
|
|
<style>
|
2019-03-13 03:55:35 +01:00
|
|
|
#chat,
|
|
|
|
|
#joinbox {
|
|
|
|
|
grid-column: 1 / 3;
|
2019-03-12 23:15:45 +01:00
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
{{ end }}
|
2019-03-12 06:53:51 +01:00
|
|
|
{{ end }}
|
|
|
|
|
|
|
|
|
|
{{ if .Video }}
|
2019-03-12 23:15:45 +01:00
|
|
|
{{ if not .Chat }}
|
|
|
|
|
<style>
|
2019-03-13 03:55:35 +01:00
|
|
|
#video {
|
2019-03-12 23:15:45 +01:00
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
2019-03-13 03:55:35 +01:00
|
|
|
grid-column: 1 / 3;
|
2019-03-12 23:15:45 +01:00
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
{{ end }}
|
2019-03-12 06:53:51 +01:00
|
|
|
{{ end }}
|
2019-03-10 21:45:10 +01:00
|
|
|
</head>
|
|
|
|
|
|
2019-03-13 03:55:35 +01:00
|
|
|
<body class="scrollbar">
|
2019-03-12 06:53:51 +01:00
|
|
|
{{ if .Video }}
|
2019-03-12 23:15:45 +01:00
|
|
|
<div id="video">
|
|
|
|
|
<video id="videoElement" controls autoplay x5-video-player-type="h5" x5-video-player-fullscreen="true"
|
|
|
|
|
playsinline webkit-playsinline>
|
|
|
|
|
Your browser is too old and doesn't support HTML5 video.
|
2019-03-12 17:23:07 +01:00
|
|
|
<script>initPlayer();</script>
|
2019-03-12 23:15:45 +01:00
|
|
|
</video>
|
|
|
|
|
<div id="infoBox">
|
|
|
|
|
<div id="info">
|
|
|
|
|
<span id="playing"></span>
|
|
|
|
|
<a href="" target="_blank" id="playinglink"></a>
|
|
|
|
|
</div>
|
|
|
|
|
<button id="reload" class="button" onclick="initPlayer();">Reload Player</button>
|
2019-03-12 06:53:51 +01:00
|
|
|
</div>
|
2019-03-12 23:15:45 +01:00
|
|
|
</div>
|
2019-03-12 06:53:51 +01:00
|
|
|
{{ end }}
|
|
|
|
|
|
|
|
|
|
{{ if .Chat }}
|
2019-03-12 23:15:45 +01:00
|
|
|
<div id="chat" style="display: none;">
|
2019-03-13 03:55:35 +01:00
|
|
|
<div id="messages" class="scrollbar"></div>
|
2019-03-12 23:15:45 +01:00
|
|
|
<textarea id="msg"></textarea>
|
|
|
|
|
<button id="send" class="button" onclick="sendChat();">Send</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="joinbox">
|
|
|
|
|
<p style="color:#e5e0e5">Please enter your name to Join the chat</P>
|
|
|
|
|
<input id="name" maxlength="36">
|
|
|
|
|
<button id="join" onclick="join();">Join</button>
|
|
|
|
|
</div>
|
2019-03-12 06:53:51 +01:00
|
|
|
{{ end }}
|
2019-03-12 23:15:45 +01:00
|
|
|
|
2019-03-10 21:45:10 +01:00
|
|
|
</body>
|
2019-03-12 23:15:45 +01:00
|
|
|
|
|
|
|
|
</html>
|
