<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>IntroQ/http</title>
<script type="text/javascript" src="ws.js" charset="utf-8"></script>
<link rel="stylesheet" href="ws.css">
<style type="text/css">
<!--
/* body {background: azure;} */
/* p {margin: 0.5ex; padding: 0.4ex;} */
/* p#info { */
/* padding: 1em; margin: 0; border: 3px groove black; background: ivory; */
/* font-size: 250%; height: 2em; */
/* } */
/* p#info:before { */
/* font-size: 50%; content: attr(pre-caution); */
/* } */
/* p#myinfo {border: 1px solid black; background: #def;} */
/* p#myinfo:before {content: "Local Info: ";} */
/* button#push {width: 80vw; height: 5em;} */
/* button:disabled {background: black; color: #888;} */
/* *.c {text-align: center;} */
/* div.hide {visibility: hidden;} */
-->
</style>
</head>
<body>
<h1>PUSH PUSH PUSH!!</h1><button id="hayaosi"></button>
<iframe src="bgm_test.mp3" allow="autoplay" style="display:none"
id="iframeAudio">
<!-- Dirty hack for Chrome's inhibiting autoplay
https://teratail.com/questions/171949
-->
</iframe>
<datalist id="groups">
<option value="1"></option><option value="2"></option>
<option value="3"></option><option value="4"></option>
<option value="5"></option><option value="6"></option>
</datalist>
<p>Team(1から6):<input name="team" list="groups" id="tm" maxlength="10">
</p>
<div class="info-box">
<span class="box-title">HINT and Number!</span>
<p id="info"
pre-caution="ブラウザの音楽再生フラグを立てるためにここをタップしてね"></p>
</div>
<audio id="music" controls>
</audio>
<p id="myinfo"> 画面未タップ(再生されない可能性があります)</p>
<p class="c">
<button id="push" type="button" value="PUSH"><span class="push">PUSH</span></button></p>
<p><button id="prev"type="button"> </button>
<button id="next"></button>
<button id="play"></button>
<button id="stop"></button>
<button id="reset"></button>
<button id="climax"></button>
</p>
<hr>
<!--#include virtual="/~yuuji/signature.html"-->
</body>
</html>
mamadoka