fix keyboard mapping

1 files changed, 6 insertions, 0 deletions

diff --git a/app/app.js b/app/app.js
index 172a908..00b18bb 100644
--- a/app/app.js
+++ b/app/app.js
@@ -192,17 +192,23 @@ export default class App extends React.Component {
   }
 
   onkeydown = (e) => {
+    if (e.repeat) return;
+
     const note = notes.key2midi[e.code];
     if (!note) return;
     e.preventDefault();
     this.setState(({ notes }) => ({ notes: { ...notes, [note]: true } }));
+    this.send(NOTE_ON,  note);
   }
 
   onkeyup = (e) => {
+    if (e.repeat) return;
+
     const note = notes.key2midi[e.code];
     if (!note) return;
     e.preventDefault();
     this.setState(({ notes }) => ({ notes: { ...notes, [note]: false } }));
+    this.send(NOTE_OFF,  note);
   }
 
   render() {