Ciertamente estoy implementando esto incorrectamente. Quiero una instancia simple de dos o más sonidos reproducidos de forma independiente a través de WebAudio con un botón para cada sonido. Reproducir1() funciona; play5() no lo hace. Cualquier orientación sería muy apreciada. Gracias.

 <button onclick="play1()">I</button> <script> let faked = true; if (!window.AudioContext && window.webkitAudioContext) { window.AudioContext = window.webkitAudioContext; faked = false; } const audioContext = new AudioContext(); let sample; function play1() { if (!faked) { faked = true; const buffer = audioContext.createBuffer(1, 1, audioContext.sampleRate); sample = audioContext.createBufferSource(); sample.buffer = buffer; sample.connect(audioContext.destination); sample.start(); } fetch('major/one.mp3') .then(response => response.arrayBuffer()) .then(arrayBuffer => { if (audioContext.decodeAudioData.length === 2) { // Safari return new Promise(resolve => { audioContext.decodeAudioData(arrayBuffer, buffer => { resolve(buffer); }); }); } else { return audioContext.decodeAudioData(arrayBuffer); } }) .then(audioBuffer => { sample = audioContext.createBufferSource(); sample.buffer = audioBuffer; sample.connect(audioContext.destination); sample.start(); }) .catch(e => console.error('uff', e)); } function stop() { sample.stop(); } <!--2nd sound --> <button onclick="play5()">V</button>

El script de arriba se copia con la función play5()

Una vez más, se agradece cualquier orientación.