Settings
Change your input controls
Adjust your latency settings
Select your input method:
Keyboard
Midi input
Remote input
These are your controls.
Change your controls
Reset to default
- `~
- 1!
- 2@
- 3#
- 4$
- 5%
- 6^
- 7&
- 8*
- 9(
- 0)
- -_
- =+
- backspace
- tab
- q
- w
- e
- r
- t
- y
- u
- i
- o
- p
- [{
- ]}
- \|
- caps lock
- a
- s
- d
- f
- g
- h
- j
- k
- l
- ;:
- '"
- return
- shift
- z
- x
- c
- v
- b
- n
- m
- ,<
- .>
- /?
- shift
Select your input devicess
Connect to bluetooth device
Would you like to setup you midi notes?
Use default midi inputs
Setup midi (easy)
Setup midi (advanced)
Add midi notes
Drum | Midi note #1 | Midi note #2 | Midi note #3 |
---|
Setting succesfully saved!
Adjust you latency, a positive value means the notes will come sooner.
0 ms
Enter your remote ID to connect with a remote controller. Don't have an ID? Go to https://www.playdrumsonline.com/onlinedrumkit to connect.
Connect
back continue
'); } if (inputs.length > 0) { // $('.inputlist').append('' + (inputs.length + 1) + '. All midi devices'); $('.inputlist').append('
' + (inputs.length + 1) + '
All midi devices
'); } else { $('.inputlist').append(' No Midi Device found.'); } inputselected = 2; }); $('.remotebut').click(function() { screen = 22; $('.sec1').addClass('hide'); $('.sec22').removeClass('hide'); $('.prevbut').removeClass('hide'); inputselected = 3; }); $('.changelatency').click(function() { screen = 5; $('.sec0').addClass('hide'); $('.sec5').removeClass('hide'); $('.prevbut').removeClass('hide'); $('.nextbut').removeClass('hide'); var slider = document.getElementById("myRange"); /* var output = document.getElementById("demo");*/ slider.oninput = function() { $('.latencyval').html((this.value) + " ms"); } }); $('.changeinput').click(function() { screen = 1; $('.sec0').addClass('hide'); $('.sec1').removeClass('hide'); $('.sec2').addClass('hide'); $('.sec3').addClass('hide'); $('.prevbut').removeClass('hide'); }); $('.connectbluetooth').click(function() { // alert('connecnt!'); startBluConn(); }); $('.change').click(function() { screen = 3; $('.sec1').addClass('hide'); $('.sec2').addClass('hide'); $('.sec3').removeClass('hide'); $('.nextbut').removeClass('hide'); myControlArr = []; $('.noshow').hide(); settingsNow = true; currentDrum = 0; var mc = $('.noshow').eq(currentDrum); fadeInMc(); if (inputselected == 1) { $('#drumtxtexplain').html('PLEASE ASIGN A KEY TO THE ' + drumNames[currentDrum].toUpperCase() + ''); } else { $('#drumtxtexplain').html('PLEASE ASIGN A DRUMPAD TO THE ' + drumNames[currentDrum].toUpperCase() + ''); } }); $('.resetdefault').click(function() { confst = '32,118,46,44,102,103,104,108,59'; postSettings(confst); $('.sec2').addClass('hide'); $('.sec3').addClass('hide'); $('.sec4').removeClass('hide'); $('.prevbut').addClass('hide'); $('.nextbut').removeClass('hide'); screen = 4; }); $('.changemidi').click(function() { advancedDrumsSettings = false; screen = 14; $('.sec1').addClass('hide'); $('.sec2').addClass('hide'); $('.sec13').addClass('hide'); $('.sec3').removeClass('hide'); $('.nextbut').removeClass('hide'); myControlArr = []; $('.noshow').hide(); settingsNow = true; currentDrum = 0; var mc = $('.noshow').eq(currentDrum); fadeInMc(); if (inputselected == 1) { $('#drumtxtexplain').html('PLEASE ASIGN A KEY TO THE ' + drumNames[currentDrum].toUpperCase() + ''); } else { $('#drumtxtexplain').html('PLEASE ASIGN A DRUMPAD TO THE ' + drumNames[currentDrum].toUpperCase() + ''); } }); $('.changemidifull').click(function() { screen = 34; $('.sec1').addClass('hide'); $('.sec2').addClass('hide'); $('.sec13').addClass('hide'); // $('.sec3').removeClass('hide'); $('.sec33').removeClass('hide'); $('.nextbut').removeClass('hide'); setTable(); /*currentDrum = 0; var mc = $('.noshow').eq(currentDrum); fadeInMc(); if(inputselected==1){ $('#drumtxtexplain').html('PLEASE ASIGN A KEY TO THE ' + drumNames[currentDrum].toUpperCase() + ''); }else{ $('#drumtxtexplain').html('PLEASE ASIGN A DRUMPAD TO THE ' + drumNames[currentDrum].toUpperCase() + ''); } */ }); function resetSettingsScreen() { screen = 1; $('.sec0').removeClass('hide') $('.sec1').addClass('hide'); $('.sec2').addClass('hide'); $('.sec12').addClass('hide'); $('.sec13').addClass('hide'); $('.sec3').addClass('hide'); $('.sec4').addClass('hide'); $('.prevbut').addClass('hide'); $('.nextbut').addClass('hide'); } $('.connectremotebut').click(function() { var room = $('.idconnect input').val(); connectMeTo(room); // play-controls.js $('.idconnect').html("Connect succesfull!"); // $('.sec3').addClass('hide'); $('.sec4').removeClass('hide'); screen = 4; $('.prevbut').addClass('hide'); $('.nextbut').removeClass('hide'); }); $('.nextbut').click(function() { // trace('NEXT BUT SCR = '+screen); if (screen == 2) { continueGame(); } if (screen == 4) { closeSlider(); resetSettingsScreen(); } if (screen == 3) { saveSettings(); $('.sec3').addClass('hide'); $('.sec4').removeClass('hide'); $('.prevbut').addClass('hide'); screen = 4; } if (screen == 34) { saveSettingsExpert(); $('.sec33').addClass('hide'); $('.sec3').addClass('hide'); $('.sec4').removeClass('hide'); $('.prevbut').addClass('hide'); screen = 4; } if (screen == 14) { saveSettings(); $('.sec3').addClass('hide'); $('.sec4').removeClass('hide'); screen = 4; $('.prevbut').addClass('hide'); $('.nextbut').removeClass('hide'); } if (screen == 5) { saveLatency(); $('.sec5').addClass('hide'); $('.sec4').removeClass('hide'); screen = 4; $('.prevbut').addClass('hide'); $('.nextbut').removeClass('hide'); } }); $('.prevbut').click(function() { trace('klik prev but ' + screen); if (screen == 1) { $('.sec0').removeClass('hide'); $('.sec1').addClass('hide'); $('.sec2').addClass('hide'); $('.sec3').addClass('hide'); $('.sec4').addClass('hide'); $('.prevbut').addClass('hide'); $('.nextbut').children().addClass('hide'); } if (screen == 2 || screen == 12 || screen == 22) { $('.sec1').removeClass('hide'); $('.sec2').addClass('hide'); $('.sec3').addClass('hide'); $('.sec4').addClass('hide'); $('.sec12').addClass('hide'); $('.sec22').addClass('hide'); $('.prevbut').addClass('hide'); $('.nextbut').children().addClass('hide'); } if (screen == 3) { $('.sec1').addClass('hide'); $('.sec2').removeClass('hide'); $('.sec3').addClass('hide'); $('.sec4').addClass('hide'); $('.prevbut').removeClass('hide'); $('.nextbut').children().addClass('hide'); } if (screen == 34) { $('.sec1').addClass('hide'); $('.sec13').removeClass('hide'); $('.sec33').addClass('hide'); $('.sec4').addClass('hide'); $('.prevbut').removeClass('hide'); $('.nextbut').children().addClass('hide'); } if (screen == 13) { $('.sec1').addClass('hide'); $('.sec12').removeClass('hide'); $('.sec13').addClass('hide'); $('.sec4').addClass('hide'); $('.prevbut').removeClass('hide'); $('.nextbut').children().addClass('hide'); } if (screen == 14) { $('.sec1').addClass('hide'); $('.sec12').removeClass('hide'); $('.sec3').addClass('hide'); $('.sec4').addClass('hide'); $('.prevbut').removeClass('hide'); $('.nextbut').children().addClass('hide'); } if (screen == 4) { $('.sec1').addClass('hide'); $('.sec2').addClass('hide'); $('.sec3').removeClass('hide'); $('.sec4').addClass('hide'); $('.prevbut').removeClass('hide'); $('.nextbut').removeClass('hide'); } if (screen == 5) { $('.sec0').removeClass('hide'); $('.sec5').addClass('hide'); $('.prevbut').addClass('hide'); $('.nextbut').addClass('hide'); } screen -= 1; }); function setTable() { inputselected = 2; settingsNow = true; trace(midiNotesArr); $('.bodytable').html(''); for (var i = 0; i < drumNames.length; i++) { var noteArr = midiNotesArr[sortArr[i]]; var str = '
'; $('.bodytable').append(str); } } $('body').on('click', '.over', function() { settingsNow = true; advancedDrumsSettings = true; $('.over').removeClass('selecteddrum'); $(this).html('...'); $(this).addClass('selecteddrum'); var ii = $(this).index() - 1; trace("ii = " + ii); column = ii; var cc = $(this).parent().index(); // trace("cc = "+cc); row = cc; midiNotesArr[sortArr[row]][column] = undefined; }); function setAdvancedDrum(code) { // alert("drum code = "+code); midiNotesArr[sortArr[row]][column] = code.toString(); //trace(midiNotesArr); $('.bodytable').children('tr').eq(row).children('.over').eq(column).html(code.toString()); } $('.defaultmidi').click(function() { confst = '36,38-40,42-44-22,46-26,48,45,43,49-55,51-59,'; postSettings(confst); $('.sec3').addClass('hide'); $('.sec4').removeClass('hide'); $('.sec13').addClass('hide'); $('.prevbut').addClass('hide'); $('.nextbut').removeClass('hide'); screen = 4; }); function saveSettingsExpert() { // console.dir(midiNotesArr); var confst = ""; for (var i = 0; i < midiNotesArr.length; i++) { trace(i + " - " + midiNotesArr[sortArr[i]]); if (midiNotesArr[sortArr[i]].length > 1) { for (var c = 0; c < midiNotesArr[sortArr[i]].length; c++) { confst += midiNotesArr[sortArr[i]][c]; if (c < midiNotesArr[sortArr[i]].length - 1) { confst += "-"; } } confst += ","; } else { confst += midiNotesArr[sortArr[i]] + ","; } } // trace(confst); postSettings(confst); }; function saveLatency() { var slider = document.getElementById("myRange"); var latencyVal = slider.value; localStorage.latencyVal = latencyVal; trace("latencyVal = " + latencyVal); newCheckTime(); } function saveSettings() { var confst = ""; for (var i = 0; i < myControlArr.length; i++) { confst += myControlArr[i] + ","; } postSettings(confst); }; $('body').on('click', '.midipress', function() { trace("midi selected"); setMidiPort($(this).attr('data-id')); $('.sec12').addClass('hide'); $('.sec13').removeClass('hide'); screen = 13; }); function continueGame() { $('#myModal').modal('toggle'); playerFront.playVideo(); } $(document).ready(function() { setKeyboardImage(); // setTable(); if (localStorage.latencyVal) { var slider = document.getElementById("myRange"); slider.value = localStorage.latencyVal; $('.latencyval').html((slider.value) + " ms"); } });