mirror of
https://github.com/fergalmoran/xtreamium.git
synced 2025-12-22 09:41:33 +00:00
137 lines
4.4 KiB
HTML
137 lines
4.4 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport"
|
|
content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
|
<title>Title</title>
|
|
|
|
<!-- #region CSS -->
|
|
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css"
|
|
rel="stylesheet"
|
|
integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB"
|
|
crossorigin="anonymous">
|
|
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
|
|
rel="stylesheet"
|
|
integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN"
|
|
crossorigin="anonymous">
|
|
<style type="text/css">
|
|
html {
|
|
position: relative;
|
|
min-height: 100%;
|
|
}
|
|
|
|
body {
|
|
margin-bottom: 60px;
|
|
}
|
|
|
|
body>.container-fluid,
|
|
body>.container {
|
|
padding: 60px 15px 0;
|
|
}
|
|
|
|
.footer>.container-fluid,
|
|
.footer>.container {
|
|
padding-right: 15px;
|
|
padding-left: 15px;
|
|
}
|
|
|
|
.footer {
|
|
position: absolute;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 60px;
|
|
line-height: 60px;
|
|
background-color: #f5f5f5;
|
|
}
|
|
</style>
|
|
<!-- #endregion -->
|
|
</head>
|
|
|
|
<body>
|
|
<!-- #region Header -->
|
|
<header>
|
|
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
|
|
<a class="navbar-brand"
|
|
href="#">Title</a>
|
|
<button class="navbar-toggler"
|
|
type="button"
|
|
data-toggle="collapse"
|
|
data-target="#navbarCollapse"
|
|
aria-controls="navbarCollapse"
|
|
aria-expanded="false"
|
|
aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse"
|
|
id="navbarCollapse">
|
|
<ul class="mr-auto navbar-nav">
|
|
<li class="nav-item active">
|
|
<a class="nav-link"
|
|
href="#">Home
|
|
<span class="sr-only">(current)</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
<!-- #endregion -->
|
|
|
|
<!-- #region Main Content -->
|
|
<main role="main"
|
|
class="container">
|
|
<h1 class="mt-5">Title</h1>
|
|
<p class="lead">
|
|
<video height="600"
|
|
src="https://streams.fergl.ie:8000/live/stream/175541"
|
|
id="video"
|
|
controls></video>
|
|
</p>
|
|
</main>
|
|
<!-- #endregion -->
|
|
|
|
<!-- #region Footer -->
|
|
<footer class="footer">
|
|
<div class="container">
|
|
<span class="text-muted">Place sticky footer content here.</span>
|
|
</div>
|
|
</footer>
|
|
<!-- #endregion -->
|
|
|
|
<!-- #region Scripts -->
|
|
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
|
|
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
|
|
crossorigin="anonymous"></script>
|
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.bundle.min.js"
|
|
integrity="sha384-u/bQvRA/1bobcXlcEYpsEdFVK/vJs3+T+nXLsBYJthmdBuavHvAW6UsmqO2Gd/F9"
|
|
crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/holder/2.9.4/holder.js"
|
|
integrity="sha256-crfkMD0BL2TtiwpbIlXF/SVmGSvOtgbMM8GBkibVKyc="
|
|
crossorigin="anonymous"></script>
|
|
<!-- #endregion -->
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/hls.js/1.1.5/hls.min.js"
|
|
integrity="sha512-O83G0C/Ypje2c3LTYElrDXQaqtKKxtu8WKlMLEMoIFs9HDeI4rMlpnn9AX5xvR3PgJpwSEBrZpxSzfE1usZqiQ=="
|
|
crossorigin="anonymous"
|
|
referrerpolicy="no-referrer"></script>
|
|
|
|
|
|
<script>
|
|
var video = document.getElementById('video');
|
|
if (Hls.isSupported()) {
|
|
var hls = new Hls({
|
|
debug: true,
|
|
});
|
|
hls.loadSource('https://streams.fergl.ie:8000/live/stream/175541');
|
|
hls.attachMedia(video);
|
|
hls.on(Hls.Events.MEDIA_ATTACHED, function () {
|
|
video.muted = true;
|
|
video.play();
|
|
});
|
|
}
|
|
</script>
|
|
</body>
|
|
|
|
</html> |