<!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>
<style type="text/css">
<!--
body {background: azure;}
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);
}
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>
<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>
<p>Team(1から6):<input name="team" id="tm" maxlength="10">
</p>
<p id="info"
pre-caution="ブラウザの音楽再生フラグを立てるためにここをタップしてね"></p>
<audio id="music" controls>
</audio>
<p class="c">
<button id="push" type="button" value="PUSH">PUSH</button></p>
<p><button id="prev"type="button"> ← </button>
<button id="next"> → </button>
<button id="play"> PLAY </button>
<button id="stop"> STOP </button>
<button id="reset"> Reset </button>
</p>
<hr>
<!--#include virtual="/~yuuji/signature.html"-->
</body>
</html>
HIROSE Yuuji