javascript - 检测 audio.play() 何时完成

标签 javascript reactjs

我在我的 React 项目中使用 audio.play() 来触发点击时的剪辑,但我无法弄清楚如何确定剪辑何时停止播放,所以我可以这样做完成后的东西。

class Soundboard extends Component {
    getAudio = (clipUrl) => {
        var audio = new Audio(clipUrl);
        return audio.play();
    };

    render() {
        return (
          <div
              onClick={() => this.getAudio(pathToClip)}
          />

        );
    }
}

最佳答案


audio.onended=function()
{
    alert("audio ended");
}

关于javascript - 检测 audio.play() 何时完成,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57486312/

相关文章:

javascript - 对于以下表示,合适的 DS 是什么?

javascript - InDesign CC 2019 | InDesign CC 2019使用 JSX 获取页面尺寸(pageWidth 和 pageHeight),而不是文档尺寸?

c# - 如何通过 Javascript 或 Jquery 调用代码隐藏中的方法

javascript - 如何记录数组的特定值

javascript - AngularJS 和 SpringMVC 在同一个项目中

javascript - 仅更新单个状态变量时,所有组件都会重新渲染

reactjs - 如何在 React Admin 的 show/ArrayField 组件中渲染嵌套在对象内的数组的内容?

javascript - 如何在javascript中手动抛出语法错误

javascript - root id 中没有呈现任何内容

javascript - TypeScript 中 React.Component 的继承