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 pan = new Tone.Panner(0.1).toMaster();
var synth = new Tone.SimpleSynth().connect(pan);

//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");