JSFiddle - React, Tailwind, and code Playground

by Chinmay Pendharkar

HTML

<script src="http://mohayonao.github.io/timbre.js/timbre.dev.js"></script>
<script src="http://mohayonao.github.io/timbre.js/src/extras/keyboard.js"></script>

JavaScript

var VCO = T("saw", {freq:880, mul:0.2}).play();

var keydict = T("ndict.key");
var midicps = T("midicps");
T("keyboard").on("keydown", function(e) {
  var midi = keydict.at(e.keyCode);
  if (midi) {
    VCO.freq.value = midicps.at(midi);
  }
}).start();