Changes detected
This commit is contained in:
parent
30042fad30
commit
4899c79ed1
105
index.html
105
index.html
@ -5,7 +5,9 @@
|
||||
<title>Multiplayer Piano</title>
|
||||
<meta name="description"
|
||||
content="An online piano you can play alone or with others in real-time. MIDI support, 88 keys, velocity sensitive. You can show off your skill or chat while listening to others play."/>
|
||||
<link rel="stylesheet" href="https://mppclone.com/screen.css"/>
|
||||
<link rel="stylesheet" href="/screen.css"/>
|
||||
|
||||
<link rel="canonical" href="https://multiplayerpiano.com/">
|
||||
|
||||
|
||||
@ -107,9 +109,9 @@
|
||||
</style>
|
||||
|
||||
<script>
|
||||
setInterval(function(){
|
||||
aiptag.cmd.display.push(function() { aipDisplayTag.display('multiplayerpiano-com_970x90'); });
|
||||
}, 14 * 1000)
|
||||
setInterval(function(){
|
||||
aiptag.cmd.display.push(function() { aipDisplayTag.display('multiplayerpiano-com_970x90'); });
|
||||
}, 14 * 1000)
|
||||
</script>
|
||||
|
||||
<div class='ad1' id='multiplayerpiano-com_970x90'>
|
||||
@ -129,37 +131,24 @@
|
||||
<div id="inclinations"></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div id="chat">
|
||||
<ul></ul>
|
||||
<input placeholder="You can chat with this thing." class="translate" maxlength="512"/>
|
||||
</div>
|
||||
|
||||
<input id="chat-input" placeholder="You can chat with this thing." class="translate" maxlength="512"/></div>
|
||||
<div id="room-notice"></div>
|
||||
|
||||
<div id="names"></div>
|
||||
|
||||
<div id="piano"></div>
|
||||
|
||||
<div id="cursors"></div>
|
||||
|
||||
<noscript>
|
||||
<center>
|
||||
<p>
|
||||
Multiplayer Piano is an online, full 88-key piano you can play alone or with others in real-time. Plug up
|
||||
your MIDI keyboard, MIDI in and out are supported. You should be able to hear some seriously talented piano
|
||||
players performing here! Join in or just chat and listen.
|
||||
</p>
|
||||
<p>
|
||||
For good performance, Chrome is highly recommended. Firefox also supports the requisite Web Audio API, but
|
||||
performance may not be as good. Chrome has Web MIDI.
|
||||
</p>
|
||||
<p>
|
||||
Of course, first you need to <a href="http://www.enable-javascript.com/" class="link">Enable Javascript</a>
|
||||
or it won't do anything...!
|
||||
</p>
|
||||
</center>
|
||||
<center><p> Multiplayer Piano is an online, full 88-key piano you can play alone or with others in real-time. Plug
|
||||
up your MIDI keyboard, MIDI in and out are supported. You should be able to hear some seriously talented piano
|
||||
players performing here! Join in or just chat and listen.</p>
|
||||
<p> For good performance, Chrome is highly recommended. Firefox also supports the requisite Web Audio API, but
|
||||
performance may not be as good. Chrome has Web MIDI.</p>
|
||||
<p> Of course, first you need to <a href="http://www.enable-javascript.com/" class="link">Enable Javascript</a>
|
||||
or it won't do anything...!</p></center>
|
||||
</noscript>
|
||||
|
||||
<div id="bottom">
|
||||
<div class="relative">
|
||||
<div id="room">
|
||||
@ -176,59 +165,59 @@
|
||||
<div id="record-btn" class="ugly-button translate">Record MP3</div>
|
||||
<div id="synth-btn" class="ugly-button translate">Synth</div>
|
||||
<div id="sound-btn" class="ugly-button sound-btn">Sound Select</div>
|
||||
<div id="client-settings-btn" class="ugly-button client-settings-btn">Client Settings</div>
|
||||
<div id="clearchat-btn" class="ugly-button clearchat-btn" style="display: none;">Clear Chat</div>
|
||||
<div id="getcrown-btn" class="ugly-button getcrown-btn" style="display: none;">Get Crown</div>
|
||||
<div id="makelobby-btn" class="ugly-button makelobby-btn" style="display: none;">Make Lobby</div>
|
||||
<div id="status"></div>
|
||||
<div id="volume">
|
||||
<input type="range" id="volume-slider" min="0.0" max="1.0" step="0.01">
|
||||
</div>
|
||||
<div id="volume"><input type="range" id="volume-slider" min="0.0" max="1.0" step="0.01"></div>
|
||||
<div id="volume-label">volume</div>
|
||||
<div id="quota">
|
||||
<div class="value"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="modal">
|
||||
<div class="bg"></div>
|
||||
<div id="modals">
|
||||
<div id="sound-warning" class="dialog">
|
||||
<p>This site makes a lot of sound! You may want to adjust the volume before continuing.</p>
|
||||
<div id="sound-warning" class="dialog"><p>This site makes a lot of sound! You may want to adjust the volume
|
||||
before continuing.</p>
|
||||
<button class="submit">PLAY</button>
|
||||
</div>
|
||||
<div id="new-room" class="dialog">
|
||||
<p><input type="text" name="name" placeholder="room name" class="text translate" maxlength="512"/></p>
|
||||
<div id="new-room" class="dialog"><p><input type="text" name="name" placeholder="room name"
|
||||
class="text translate" maxlength="512"/></p>
|
||||
<p><label><input type="checkbox" name="visible" class="checkbox translate" checked>Visible (open to
|
||||
everyone)</label></p>
|
||||
</label></p>
|
||||
everyone)</label></p> </label></p>
|
||||
<button class="submit">go</button>
|
||||
</div>
|
||||
<div id="room-settings" class="dialog">
|
||||
<p>
|
||||
<div id="room-settings" class="dialog"><p>
|
||||
<div class="ugly-button drop-crown">Drop crown</div>
|
||||
</p>
|
||||
<p><label><input type="checkbox" name="visible" class="checkbox translate" checked>Visible (open to
|
||||
everyone)</label></p>
|
||||
</label></p>
|
||||
<p><label><input type="checkbox" name="chat" class="checkbox translate" checked>Enable Chat</label></p>
|
||||
</p><p><label><input type="checkbox" name="visible" class="checkbox translate" checked>Visible (open to
|
||||
everyone)</label></p> </label></p><p><label><input type="checkbox" name="chat"
|
||||
class="checkbox translate" checked>Enable
|
||||
Chat</label></p>
|
||||
<p><label><input type="checkbox" name="crownsolo" class="checkbox">Only Owner can Play
|
||||
<button class="submit">APPLY</button>
|
||||
<p><label>Background color: <input type="color" name="color" placeholder="" maxlength="7"
|
||||
class="color"></label></p>
|
||||
</div>
|
||||
<div id="rename" class="dialog">
|
||||
<p><input type="text" name="name" placeholder="My Fancy New Name" maxlength="40" class="text"/></p>
|
||||
<!--<p><input type="color" name="color" placeholder="" maxlength="7" class="color"/></p>-->
|
||||
<p><label><input type="checkbox" name="nocussing" class="checkbox">No Cussing</label></p>
|
||||
<p><label>Inner color: <input type="color" name="color" placeholder="" maxlength="7"
|
||||
class="color"></label></p>
|
||||
<p><label>Outer color: <input type="color" name="color2" placeholder="" maxlength="7"
|
||||
class="color"></label></p>
|
||||
<p><label>Player limit: <input type="text" name="limit" maxlength="2" value="50"></label></p></div>
|
||||
<div id="rename" class="dialog"><p><input type="text" name="name" placeholder="My Fancy New Name" maxlength="40"
|
||||
class="text"/> <input type="color" name="color" placeholder=""
|
||||
maxlength="7" class="color"/></p>
|
||||
<button class="submit">USER SET</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="/jquery.min.js"></script>
|
||||
<script src="/util.js"></script>
|
||||
<script src="/Client.js"></script>
|
||||
<script src="/NoteQuota.js"></script>
|
||||
<script src="/lame.min.js"></script>
|
||||
<script src="/Color.js"></script>
|
||||
<!--<script src="/ebsprite.js"></script>-->
|
||||
<script src="https://mppclone.com/jquery.min.js"></script>
|
||||
<script src="https://mppclone.com/util.js"></script>
|
||||
<script src="https://mppclone.com/Client.js"></script>
|
||||
<script src="https://mppclone.com/NoteQuota.js"></script>
|
||||
<script src="https://mppclone.com/lame.min.js"></script>
|
||||
<script src="https://mppclone.com/Color.js"></script>
|
||||
<script src="https://mppclone.com/antiNode.js"></script>
|
||||
<script src="/script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
Reference in New Issue
Block a user