JSFiddle - React, Tailwind, and code Playground

by also

HTML

<p><button onclick="play()">Play</button>
   <button onclick="pause()">Pause</button></p>

<script>if (!window.webkitAudioContext) { document.write("<p>Your browser doesn't support the Web Audio API.</p>"); }</script>

JavaScript

window.AudioContext = window.webkitAudioContext;

var context = new AudioContext();
var node = context.createJavaScriptNode(1024, 1, 1);
var p = 0;

node.onaudioprocess = function (e) {
    var data = e.outputBuffer.getChannelData(0);
    for (var i = 0; i < data.length; i++) {
        data[i] = Math.sin(p++);
    }
};

function play() {
    node.connect(context.destination);
}

function pause() {
    node.disconnect();
}