音频元素在 js 中为 WebAudio API 播放两次

Question

在我的 reactjs 项目中，我正在尝试文本转语音功能并从节点后端获取音频，问题是音频元素播放了两次，我正在使用 webAudio api。

const audio = new Audio(
  `${process.env.REACT_APP_TTS_URL}` + encodeURI(newText)
);
audio.onended = () => {
  console.log("ended");
  setplayingTTS(false);
};
audio.play();

//this is the audio tag    
<audio
      id="audio_tts"
      preload="none"
      allow="autoplay"
      type="audio/x-wav;codec=pcm">
</audio>

network tab screenshot for this issue