<!DOCTYPE html>
<html lang=en>
<head>
<meta charset=UTF-8>
<meta name=viewport content="width=device-width,user-scalable=no">
<link href=/core/images/favicon.ico rel="shortcut icon" type=image/x-icon>
<link rel=icon sizes=180x180 href=/core/images/mobile_icon.png>
<link rel=apple-touch-icon sizes=180x180 href=/core/images/mobile_icon.png>
<link href=/core/css/jquery-ui.min.css rel=stylesheet>
<link href=/core/css/jquery-ui.theme.min.css rel=stylesheet>
<link href=/core/css/jquery-ui.structure.min.css rel=stylesheet>
<link href=/core/css/style.common.min.css rel=stylesheet>
<link href=/core/css/style.mobile.min.css rel=stylesheet>
<title>Planeptune Loop Player</title>
</head>
<body>
<script src="/core/js/jquery-~JQVERS~.min.js" integrity="~JQHASH~"></script>
<script src="/core/js/jquery-ui.min.js" integrity="~JQUIHASH~"></script>
<script src="/core/js/jquery.ui.touch-punch.min.js" integrity="~JQTOUCHHASH~"></script>
<script src="/core/js/loader.js" integrity="~LOADERHASH~"></script>
<div id=content_wrapper>
<div id=header>
<table id=headertable>
<tr>
<td>
<div id=playdata> <br> <br> </div>
</td>
</tr>
</table>
</div>
<div id=content>
<form id=mainform action=/>
<table>
<tr>
<td colspan=2> <select id=loopselect name=loop></select> <button type=button id=playpause1>Play</button> <button type=button id=playpause2>Pause</button> </td>
</tr>
<tr>
<td>
<div id=labelseek> Seek: </div>
</td>
<td>
<div id=sseek></div>
</td>
</tr>
<tr>
<td>
<div id=labelvol> Volume: </div>
</td>
<td>
<div id=svol></div>
</td>
</tr>
<tr>
<td>
<div id=labelplayspeed> Speed: </div>
</td>
<td>
<div id=splayspeed></div>
</td>
</tr>
<tr>
<td colspan=2> <button type=button id=speedreset class=speedbutton>Reset Speed</button> </td>
</tr>
</table>
</form> <br> <br> <span id=notice></span> </div>
</div>