音频无法在React中播放

Question

我的音频对象没有在播放。我不想使用html音频标签，因为我具有音频控件的自定义样式。另外，如果确实能正常工作，音频会在重新渲染后重新启动吗？

  render() {
    const myaudio = new Audio(require("./sound.mp3"))
    myaudio.play();
    myaudio.loop = true;

    return (
      //html
    )
  }

Answer 1

您不需要require，只需执行以下操作：

const myAudio = new Audio("sound.mp3");

如果您在Web服务器（而不是本地文件）上运行，这应该可以工作，但是如果您通过webpack开发服务器访问react应用，就可以了