pyledriver/templates/index.html

70 lines
2.6 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Pyledriver</title>
<link rel="stylesheet" type="text/css" href="{{ url_for('siteRoot.static', filename='css/bootstrap.min.css') }}">
<link rel="stylesheet" type="text/css" href="{{ url_for('siteRoot.static', filename='css/pyledriver.css') }}">
<script type="text/javascript" src="{{ url_for('siteRoot.static', filename='jquery.min.js') }}"></script>
<script type="text/javascript" src="{{ url_for('siteRoot.static', filename='js/bootstrap.min.js') }}"></script>
<script type="text/javascript" src="{{ url_for('siteRoot.static', filename='js/bootbox.min.js') }}"></script>
<script type="text/javascript" src="{{ url_for('siteRoot.static', filename='js/spin.min.js') }}"></script>
<script type="text/javascript" src="{{ url_for('siteRoot.static', filename='janus.js') }}"></script>
<script type="text/javascript" src="{{ url_for('siteRoot.static', filename='streamingtest.js') }}"></script>
</head>
<body>
<div class="navbar navbar-inverse navbar-static-top">
<div class="container-fluid">
<div class="navbar-header">
<span class="navbar-text"><b>Status: </b><span>{{ state }}</span></span>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navRight">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="navRight">
<ul class="nav navbar-nav">
<form action="{{ url_for('siteRoot.index') }}" method="post" name="text_to_speech" class="navbar-form" role="search">
{{ ttsForm.hidden_tag() }}
<div class="form-inline">
<div class="form-group">{{ ttsForm.tts(class_="form-control") }}</div>
{{ ttsForm.submitTTS(class_="btn btn-default") }}
</div>
</form>
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a id="streamset" class="dropdown-toggle" data-toggle="dropdown">
Pick Stream<span class="caret"></span>
</a>
<ul id="streamslist" class="dropdown-menu" role="menu"></ul>
</li>
<button class="btn btn-default navbar-btn" autocomplete="off" id="watch">Start</button>
</ul>
</div>
</div>
</div>
<div class="container-fluid body-content">
<div class="col-md-6">
<!--
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Stream <span class="label label-info hide" id="status"></h3>
</div>
-->
<div id="stream"></div>
<p class="hide" id="status">
<!--
</div>
-->
</div>
</div>
</body>
</html>