diff --git a/app.js b/app.js index da1329b..f9deaf7 100644 --- a/app.js +++ b/app.js @@ -268,7 +268,6 @@ batterySprite.frame = 12 window.onload = function() { draw() startDialog.showModal() - //window.setInterval(draw, 60) } let audioCtx @@ -341,7 +340,6 @@ window.onblur = showSettings function pause() { Tone.Transport.pause() - //window.clearInterval(updateTaskId) playing = false } @@ -349,7 +347,7 @@ settingsButton.onclick = showSettings keyMapInput.onclick=()=>{ let cursorPosition = keyMapInput.selectionStart - keyMapInput.setSelectionRange(cursorPosition, cursorPosition + 1) + keyMapInput.setSelectionRange(cursorPosition-1, cursorPosition) } keyMapInput.onchange = function(event) { @@ -368,7 +366,7 @@ keyMapInput.onchange = function(event) { var midiIputs midiSelect.onfocus = function() { midiIputs = {} - midiSelect.innerHTML = `` + midiSelect.innerHTML = `` navigator.requestMIDIAccess().then( midiAccess => { if (midiAccess.inputs.size) { diff --git a/index.html b/index.html index 9c17287..0872fc3 100644 --- a/index.html +++ b/index.html @@ -35,21 +35,19 @@

Options

-

Contrôles

+

Clavier MIDI

+
+ +
-
- -
- -

Son

diff --git a/style.css b/style.css index 80c6df4..2fb65e1 100644 --- a/style.css +++ b/style.css @@ -52,6 +52,12 @@ h1 { letter-spacing: 4px; width: calc(25em + 108px); height: 54px; + font-size: 16px; +} + +#keyMapInput, +input[type=range]{ + cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAzElEQVRYR+2X0Q6AIAhF5f8/2jYXZkwEjNSVvVUjDpcrGgT7FUkI2D9xRfQETwNIiWO85wfINfQUEyxBG2ArsLwC0jioGt5zFcwF4OYDPi/mBYKm4t0U8ATgRm3ThFoAqkhNgWkA0jJLvaOVSs7j3qMnSgXWBMiWPXe94QqMBMBc1VZIvaTu5u5pQewq0EqNZvIEMCmxAawK0DNkay9QmfFNAJUXfgGgUkLaE7j/h8fnASkxHTz0DGIBMCnBeeM7AArpUd3mz2x3C7wADglA8BcWMZhZAAAAAElFTkSuQmCC) 14 0, pointer; } .sliders {