JSFiddle - React, Tailwind, and code Playground

HTML

<button id='shot'>
audio shot
</button>
<br>

<button id='startCapture'>
start capture
</button>
<br>

<button id='endCapture'>
end capture
</button>
<br>

<button id='clearContext'>
clear context
</button>
<br>

JavaScript

var button = document.querySelector('button');
var arrayBuffer = [139, 18, 63, 18, 190, 43, 112, 43, 74, 41, 255, 40, 79, 34, 253, 33, 19, 28, 197, 27, 79, 11, 253, 10, 244, 250, 158, 250, 106, 240, 16, 240, 59, 228, 219, 227, 52, 215, 209, 214, 249, 207, 154, 207, 147, 205, 40, 205, 53, 205, 221, 204, 8, 207, 154, 206, 149, 207, 68, 207, 112, 205, 16, 205, 110, 204, 39, 204, 76, 207, 1, 207, 11, 212, 200, 211, 15, 216, 202, 215, 2, 221, 191, 220, 179, 231, 100, 231, 11, 244, 194, 243, 127, 248, 42, 248, 53, 249, 236, 248, 36, 253, 209, 252, 108, 251, 44, 251, 90, 247, 14, 247, 196, 253, 134, 253, 176, 2, 113, 2, 217, 253, 157, 253, 143, 250, 92, 250, 192, 253, 138, 253, 254, 3, 206, 3, 50, 4, 14, 4, 22, 255, 232, 254, 188, 254, 151, 254, 226, 2, 183, 2, 215, 5, 172, 5, 6, 7, 227, 6, 150, 10, 112, 10, 95, 16, 64, 16, 24, 22, 248, 21, 194, 25, 173, 25, 74, 26, 50, 26, 79, 26, 61, 26, 27, 26, 10, 26, 90, 25, 77, 25, 225, 24, 216, 24, 14, 23, 17, 23, 117, 20, 116, 20, 8, 19, 24, 19, 201, 18, 201, 18, 227, 19, 244, 19, 216, 22, 220, 22, 50, 27, 59, 27, 245, 32, 252, 32, 183, 37, 184, 37, 122, 37, 124, 37, 172, 33, 169, 33, 230, 29, 220, 29, 219, 24, 207, 24, 97, 19, 75, 19, 34, 20, 10, 20, 208, 31, 182, 31, 193, 51, 161, 51, 235, 64, 210, 64, 2, 64, 229, 63, 125, 59, 98, 59, 58, 54, 40, 54, 105, 44, 82, 44, 17, 33, 8, 33, 249, 23, 237, 23, 128, 18, 134, 18, 248, 16, 252, 16, 120, 14, 142, 14, 146, 7, 170, 7, 72, 254, 108, 254, 155, 245, 184, 245, 86, 240, 128, 240, 203, 238, 231, 238, 47, 239, 91, 239, 195, 238, 228, 238, 153, 235, 202, 235, 150, 231, 192, 231, 244, 229, 41, 230, 251, 232, 46, 233, 214, 239, 12, 240, 38, 246, 94, 246, 239, 248, 37, 249, 42, 250, 103, 250, 132, 252, 199, 252, 80, 255, 154, 255, 128, 1, 204, 1, 129, 2, 205, 2, 10, 2, 91, 2, 56, 2, 129, 2, 1, 4, 73, 4, 125, 6, 190, 6, 24, 8, 88, 8, 146, 6, 213, 6, 104, 5, 173, 5, 108, 10, 173, 10, 254, 15, 73, 16, 128, 18, 198, 18, 249, 21, 68, 22, 140, 23, 211, 23, 30, 22, 105, 22, 138, 22, 208, 22,...