This repository has been archived on 2024-05-09. You can view files and clone it, but cannot push or open issues or pull requests.
icytv/templates/player.html

50 lines
1.7 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>IcyTV - {{ name }}</title>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="/dist/css/player.css">
<script type="text/javascript">
const STREAM_SERVER = '{{ server }}';
const STREAM_NAME = '{{ name }}';
const CSRF_TOKEN = '{{ csrf }}';
const EMAIL_ENABLED = '{{ email }}';
</script>
</head>
<body>
<div class="livecnt">
<div class="videobox">
<video id="stream"></video>
</div>
<div class="overlay">
<div class="badge live offline">offline</div>
<div class="badge viewers" style="display: none;">0</div>
<div class="bigplaybtn hidden" title="Play">
<i class="fa fa-play fa-fw" aria-hidden="true"></i>
</div>
<div class="controls">
<div id="playbtn" class="button"><i class="fa fa-play fa-fw"></i></div>
<span class="seekview" id="volume_seek">
<div id="mutebtn" class="button" title="Mute">
<i class="fa fa-volume-up fa-fw" aria-hidden="true"></i>
</div>
<div class="seeker" aria-hidden="true">
<div class="seekbar" style="width: 100%"></div>
</div>
</span>
<div id="duration">0:00</div>
<div class="flex-divider"></div>
<div id="subbtn" class="right button" title="Subscribe">
<i class="fa fa-envelope-o fa-fw" aria-hidden="true"></i>
</div>
<div id="fullscrbtn" class="right button" title="Fullscreen">
<i class="fa fa-expand fa-fw" aria-hidden="true"></i>
</div>
</div>
</div>
</div>
<script src="/dist/player.bundle.js"></script>
</body>
</html>