JSFiddle - React, Tailwind, and code Playground

by Eve Weinberg

HTML

<script src="https://tonejs.github.io/CDN/r6/Tone.js"></script>
<script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>

JavaScript

var synth = new Tone.SimpleSynth().toMaster();

//mary had a little lamb
synth.triggerAttackRelease("E4", "8n", "0:0");
synth.triggerAttackRelease("D4", "8n", "0:1");
synth.triggerAttackRelease("C4", "8n", "0:2");
synth.triggerAttackRelease("D4", "8n", "0:3");
synth.triggerAttackRelease("E4", "8n", "1:0");
synth.triggerAttackRelease("E4", "8n", "1:1");
synth.triggerAttackRelease("E4", "8n", "1:1");
synth.triggerAttackRelease("E4", "4n", "1:2");