@skylineos/clsp-player
Version:
Skyline Technology Solutions' CLSP Video Player. Stream video in near-real-time in modern browsers.
117 lines (114 loc) • 3.14 kB
HTML
<html>
<head>
<meta charset="utf-8">
<title>CLSP Player Tour Demo ~ SRC ~</title>
<link
rel="shortcut icon"
href="../favicon.ico"
>
<link
rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"
integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay"
crossorigin="anonymous"
>
<link
rel="stylesheet"
href="../../dist/demos/tour-src.css"
>
</head>
<body>
<div class="header">
<a href="..">
<img src="../skyline-logo.svg" />
</a>
<h1 id="page-title">CLSP Player Tour Demo <br /> ~ SRC ~</h1>
</div>
<div
id="tourSummary"
class="summary"
>
<span>Time Elapsed:</span>
<h2 id="tourDuration">0 hours 0 minutes 0 seconds</h2>
<span>Time Started:</span>
<span id="tourStartTime">N/A</span>
<span>Heap Size Limit:</span>
<span id="tourHeapSizeLimit">N/A</span>
<span>Total Heap Size:</span>
<span id="tourTotalHeapSize">N/A</span>
<span>Used Heap Size:</span>
<h2 id="tourUsedHeapSize">N/A</h2>
</div>
<div class="content container-fit">
<div class="tour-container container-fit">
<div class="stream-container container-fit">
<textarea
id="stream-src"
name="stream-src"
></textarea>
<button
onclick="window.tour.reset()"
title="reset tour"
>Reset Tour</button>
</div>
<div class="video-section container-fit">
<h2 id="current-stream-url"></h2>
<span id="demo-error">Error while setting up the demo</span>
<div class="video-container container-fit">
<div class="clsp-container-fit">
<video
id="my-video"
muted
playsinline
></video>
</div>
</div>
</div>
</div>
<div class="controls">
<button
onclick="window.tour.resume(true, true)"
title="resume tour"
disabled
>
<i class="fas fa-play"></i>
</button>
<button
onclick="window.tour.pause()"
title="pause tour"
disabled
>
<i class="fas fa-pause"></i>
</button>
<button
onclick="window.tour.previous()"
title="previous"
disabled
>
<i class="fas fa-step-backward"></i>
</button>
<button
onclick="window.tour.next(true)"
title="next"
disabled
>
<i class="fas fa-step-forward"></i>
</button>
<button
onclick="window.tour.destroy()"
title="destroy"
>
<i class="fas fa-bomb"></i>
</button>
<button
onclick="window.tour.fullscreen()"
title="fullscreen"
>
<i class="fas fa-expand"></i>
</button>
</div>
</div>
<script src="../../dist/demos/tour-src.js"></script>
</body>
</html>