单击特定图像后，如何在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"} />