89 lines
3.3 KiB
HTML
89 lines
3.3 KiB
HTML
<script type="text/javascript" src="{{ url_for('static', filename='js/media.js') }}"></script>
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/media.css') }}"></script>
|
|
|
|
<div class="row" id="video-container">
|
|
<form action="#" id="video-search">
|
|
<div class="row">
|
|
<label for="video-search-text">
|
|
Supported formats: <tt>file://[path]</tt>, <tt>https://www.youtube.com/?v=[video_id]</tt>, or free text search
|
|
</label>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="eleven columns" id="media-search-bar-container">
|
|
<input type="text" name="video-search-text" placeholder="Search query or video URL">
|
|
</div>
|
|
<div class="one columns" id="media-btns-container">
|
|
<button type="submit">
|
|
<i class="fa fa-search"></i>
|
|
</button>
|
|
<button data-toggle="#media-devices-panel">
|
|
<i class="fa fa-tv"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row" id="media-devices-panel">
|
|
<div class="row cast-device cast-device-local selected" data-local="local">
|
|
<div class="two columns">
|
|
<i class="fa fa-microchip cast-device-icon"></i>
|
|
</div>
|
|
<div class="ten columns">
|
|
<span class="cast-device-name">This device</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
<form action="#" id="video-ctrl">
|
|
<!-- <div class="row"> -->
|
|
<!-- <div class="eight columns offset-by-two slider-container" id="video-seeker-container"> -->
|
|
<!-- <span class="seek-time" id="video-elapsed">-:--</span> -->
|
|
<!-- <input type="range" min="0" id="video-seeker" disabled="disabled" class="slider" style="width:75%"> -->
|
|
<!-- <span class="seek-time" id="video-length">-:--</span> -->
|
|
<!-- </div> -->
|
|
<!-- </div> -->
|
|
|
|
<div class="row">
|
|
<div class="ten columns offset-by-one">
|
|
<button data-action="previous">
|
|
<i class="fa fa-step-backward"></i>
|
|
</button>
|
|
|
|
<button data-action="back">
|
|
<i class="fa fa-backward"></i>
|
|
</button>
|
|
|
|
<button data-action="pause">
|
|
<i class="fa fa-pause"></i>
|
|
</button>
|
|
|
|
<button data-action="stop">
|
|
<i class="fa fa-stop"></i>
|
|
</button>
|
|
|
|
<button data-action="forward">
|
|
<i class="fa fa-forward"></i>
|
|
</button>
|
|
|
|
<button data-action="next">
|
|
<i class="fa fa-step-forward"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="eight columns offset-by-two slider-container" id="video-volume-ctrl-container">
|
|
<i class="fa fa-volume-down"></i>
|
|
<input type="range" min="0" max="100" value="100" id="video-volume-ctrl" class="slider" style="width:80%">
|
|
<i class="fa fa-volume-up"></i>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
<div class="row" id="video-results-container">
|
|
<div id="video-results"></div>
|
|
</div>
|
|
</div>
|
|
|