102 lines
2.5 KiB
HTML
102 lines
2.5 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<script src="/socket.io/socket.io.js"></script>
|
||
|
|
<script src="js/jaysalvat-buzz-05c96cc/buzz.js"></script>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>score@nodescore</title>
|
||
|
|
<link rel="shortcut icon" href="/kiben_favicon.ico" type="image/x-icon" />
|
||
|
|
<link href="css/nodescore-tablet.css" rel="stylesheet">
|
||
|
|
<link href="css/chat-tablet.css" rel="stylesheet">
|
||
|
|
<link href="css/menu.css" rel="stylesheet">
|
||
|
|
<script src="js/jquery-1.7.1.min.js"></script>
|
||
|
|
<script src="js/nodescore-slides.js"></script>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<input type="hidden" id="group" value='1'>
|
||
|
|
<div class="outermaster">
|
||
|
|
|
||
|
|
<div id="live"> </div>
|
||
|
|
|
||
|
|
<div id="info">
|
||
|
|
<div id="comms">
|
||
|
|
<div id="chat" title="type here to chat with others connected to network" >
|
||
|
|
<div id="nickname" title="type your login name and press enter" >
|
||
|
|
<form id="set-nickname" class="wrap">
|
||
|
|
<p>LOGIN:</p>
|
||
|
|
<input id="nick">
|
||
|
|
<p id="nickname-err">Nickname already in use</p>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
<div id="connecting">
|
||
|
|
<div class="wrap">Connecting to socket.io server</div>
|
||
|
|
</div>
|
||
|
|
<div id="messages">
|
||
|
|
<div id="nicknames"></div>
|
||
|
|
<div id="lines"></div>
|
||
|
|
</div>
|
||
|
|
<form id="send-message">
|
||
|
|
<input id="message">
|
||
|
|
<button>Send</button>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="midfoot">
|
||
|
|
<div id="midcomms">
|
||
|
|
<div id="counttitle" style="display:inline;"></div>
|
||
|
|
<div id="count" style="color:white"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="remainingtime">
|
||
|
|
next in:
|
||
|
|
<div id="totalcountdown">.</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="metrocase" id="metro">
|
||
|
|
<div id="metronome0"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="timeinfo">
|
||
|
|
<div id="datetime"></div>
|
||
|
|
<div id="client_chronometer" style="z-index: 2;">00:00:00.0</div>
|
||
|
|
<div id="client_latency">Latency: 0ms</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div id="current">
|
||
|
|
<script type="text/javascript">
|
||
|
|
function setPart(sel) {
|
||
|
|
//var testSound = new buzz.sound( 'audio/testfile', { formats: [ 'ogg', 'mp3' ] } );
|
||
|
|
//testSound.play();
|
||
|
|
|
||
|
|
var value = sel.options[sel.selectedIndex].value;
|
||
|
|
document.getElementById('group').value=value;
|
||
|
|
//$('div#current').text('GROUP ' +value).text='value';
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<div>
|
||
|
|
<select id="setPart" onchange="setPart(this)">
|
||
|
|
<option value="1">Stream 01</option>
|
||
|
|
<option value="2">Stream 02</option>
|
||
|
|
<option value="3">Stream 03</option>
|
||
|
|
<option value="4">Stream 04</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div id="preview"></div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|