<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link href="css/main.css" rel="stylesheet">
<script src="/js/controller.js" type="text/javascript"></script>
<title>イントロクイズ2019</title>
<!-- BootstrapのCSS読み込み -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- jQuery読み込み -->
<script src="js/jquery-3.4.1.min.js"></script>
<!-- BootstrapのJS読み込み -->
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar navbar-dark bg-dark">
<a class="navbar-brand" href="">イントロクイズ2019</a>
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="ナビゲーションの切替">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarText">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="/">Client</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/viewer">Viewer</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="/controller">Controller<span class="sr-only">(現位置)</span></a>
</li>
</ul>
<span class="navbar-text">
作成者:☆フミちゃん☆
</span>
</div>
</nav>
<section class="contents">
<div class="container-fluid">
<div id="musicController" class="mt-3">
<button type="button" id="playButton" class="btn btn-primary mt-2" onclick=start()>PLAY</button>
<button type="button" id="stopButton" class="btn btn-danger mt-2" onclick=stop()>STOP</button>
<button type="button" id="resetMusic" class="btn btn-warning mt-2" onclick=reset()>MUSIC RESET</button>
<button type="button" id="answer" class="btn btn-success mt-2">ANSWER</button>
</div>
<div id="questionController" class="mt-2">
<button type="button" class="btn btn-outline-info mt-2" onclick=musicPlayer("question")>QUESTION</button>
<button type="button" class="btn btn-outline-success mt-2" onclick=musicPlayer("correct")>CORRECT</button>
<button type="button" class="btn btn-outline-danger mt-2" onclick=musicPlayer("incorrect")>INCORRECT</button>
</div>
<div class="card mt-4">
<div id="name" class="card-header">曲名</div>
<div id="ctime" class="card-body">0:00</div>
</div>
<div id="teamController" class="mt-4">
<input type="button" id="reset" class="btn btn-info" value="RESET">
</div>
<div id="playListArea" class="mt-4"></div>
<div id="team-list-none" class="container-fluid">
<ol id="pushedteam" class="col-md-4 mt-4 h2">
<%=@pushed%>
</ol>
</div>
</div>
</section> <!-- /contents -->
<footer class="mt-2">
<p class="copyright">Copyright (C) 2019 C116092A SATO Fumiya. All Rights Reserved.</p>
</footer>
<audio id=hayaoshi>
<source src="/sound_effect/hayaoshi.mp3" type="audio/mp3">
</audio>
<audio id=question>
<source src="/sound_effect/question.mp3" type="audio/mp3">
</audio>
<audio id=correct>
<source src="/sound_effect/correct.mp3" type="audio/mp3">
</audio>
<audio id=incorrect>
<source src="/sound_effect/incorrect.mp3" type="audio/mp3">
</audio>
<script type="text/javascript" src="/js/player.js"></script>
</body>
</html>
