单击特定图像时如何在 React.js 中播放音频

Question

我希望根据特定图像的状态变化来播放音频。

play() 在我的 js 文件中不起作用。

控制台提示错误： 未捕获（承诺）DOMException：加载失败，因为找不到支持的源。

我为使用音频编写了以下代码：

<audio src={audio} autoPlay={this.state.car ? "true" : "false"}/>
   

如果 autoPlay="autoplay"，上述代码运行良好。但它不会根据给定的条件采取相应的行动。

我制作了一个图像映射器，其中我想要的是点击某些区域，应该播放音频

请帮忙。

Answer 1

我猜你错过了source元素：

<audio autoPlay={this.state.car ? "true" : "false"}>
    <source src={audio} />
</audio>

或者您可以将src 属性传递给audio 元素本身：

<audio src={audio} autoPlay={this.state.car ? "true" : "false"} />