Estoy tratando de obtener el texto del audio usando Web Speech API, pasar ese texto a la llamada API y mostrar el resultado con textarea. Cada función funciona bien cuando se llama por separado. Pero una vez que traté de conectarlos, el área de texto no muestra nada.

 <button id="start-recording" onclick="recognition.start()">Start</button> <textarea id="results"></textarea>

 <script type="text/javascript"> const recognition = new webkitSpeechRecognition(); const resultpreview = document.getElementById("results"); recognition.onresult = function (event) { if (event.results.length > 0) { const text = event.results[0][0].transcript; callAPI(text); } }; const callAPI = async (text) => { var requestJson = { access_key: access_key, argument: { text: text, analysis_code: analysisCode, }, }; const response = await fetch(myURL, { method: "POST", body: JSON.stringify(requestJson), headers: { "Content-Type": "application/json; charset=UTF-8" }, }); const myJson = await response.json(); const words = myJson.return_object.sentence[0].NE; for (const word of words) { resultpreview.innerHTML += word.text; } }; </script>