mirror of https://github.com/ekimekim/wubloader
thrimbletrimmer: Add second page built for watching stream with a delay
This is for giffers, etc. It shares the codecase but uses a flag to say whether to affect all the editor inputs.pull/134/head
parent
671079861a
commit
47ac1c7ff8
@ -0,0 +1,77 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<title>VST Re-stream</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<link href="/thrimbletrimmer/plugins/video.js/dist/video-js.min.css" rel="stylesheet">
|
||||
<link href="/thrimbletrimmer/plugins/videojs-hls-quality-selector/dist/videojs-hls-quality-selector.css" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||
|
||||
<script src="/thrimbletrimmer/plugins/video.js/dist/video.min.js"></script>
|
||||
<script src="/thrimbletrimmer/plugins/videojs-contrib-quality-levels/dist/videojs-contrib-quality-levels.min.js"></script>
|
||||
<script src="/thrimbletrimmer/plugins/videojs-hls-quality-selector/dist/videojs-hls-quality-selector.min.js"></script>
|
||||
|
||||
<link href="/thrimbletrimmer/styles/style.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<div style="max-width:1280px;margin:auto;padding-top:25px;">
|
||||
<table id="wubloaderInputTable">
|
||||
<tr>
|
||||
<th>Stream</th>
|
||||
<th>Start Time</th>
|
||||
<th>End Time (blank for live)</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><input id="StreamName" value="desertbus" /></td>
|
||||
<td><input id="StreamStart" value="" />
|
||||
<td><input id="StreamEnd" value="" />
|
||||
<td><input type="button" value="Load Playlist" onclick="loadPlaylist()" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>
|
||||
<input type="radio" id="BusTimeToggleUTC" name="BusTimeToggle" value="UTC" onclick="toggleTimeInput(this.value)"> UTC
|
||||
<input type="radio" id="BusTimeToggleBus" name="BusTimeToggle" value="BUSTIME" onclick="toggleTimeInput(this.value)" checked="checked"> Bustime
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<div id="EditorContainer">
|
||||
<video id="my-player" class="video-js" controls preload="auto" style="display:none">
|
||||
<p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
|
||||
</video>
|
||||
</div>
|
||||
|
||||
<div id="EditorDetailsPane">
|
||||
Download Quality: <select id="qualityLevel"></select>
|
||||
<input type="button" id="DownloadButton" value="Download this time range" onclick="thrimbletrimmerDownload()"/>
|
||||
<a href="/thrimbletrimmer/dashboard.html">Go To Dashboard</a> |
|
||||
<a href="/thrimbletrimmer/dashboard.html">Go To Editor</a> |
|
||||
<a id="HelpButton" style="float:right;" href="JavaScript:toggleHiddenPane('HelpPane');">Help</a>
|
||||
<a id="UltrawideButton" style="float:right;margin-right:10px;" href="JavaScript:toggleUltrawide();">Ultrawide</a>
|
||||
</div>
|
||||
<div id="HelpPane" style="display:none;">
|
||||
<ul>
|
||||
<li>J/K/L - Back 10 seconds, Play/Pause, Advance 10 seconds</li>
|
||||
<li>LeftArrow/RightArrow - Back 5 seconds, Advance 5 seconds</li>
|
||||
<li>,/. - Back 0.1 seconds, Advance 0.1 seconds</li>
|
||||
<li>0-9 - Jump to 0% - 90% through the video.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<iframe id="outputFile" style="display:none;"></iframe>
|
||||
|
||||
<script src="/thrimbletrimmer/scripts/playerSetup.js"></script>
|
||||
<script src="/thrimbletrimmer/scripts/keyboardShortcuts.js"></script>
|
||||
<script src="/thrimbletrimmer/scripts/IO.js"></script>
|
||||
|
||||
<script>pageSetup();</script>
|
||||
|
||||
</body>
|
||||
</html>
|
Loading…
Reference in New Issue