HTML5音频控制停止按钮(而不是暂停)

前端之家收集整理的这篇文章主要介绍了HTML5音频控制停止按钮(而不是暂停)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我一直到处都是(我想)并且似乎找不到在 html5音频控制器中调用停止事件的方法.我的音频控制器有一个播放列表,每个音轨在选中时播放,或者循环播放每个音轨到下一个音轨.还有一个下一个按钮可以工作.

我的播放/暂停按钮如下所示:

`    function playPause() {
        var audioPlayer = document.getElementsByTagName('audio')[0];
        if(audioPlayer!=undefined) {
            if (audioPlayer.paused) {
                audioPlayer.play();
            } else {
                audioPlayer.pause();
            }
        } else {
            loadPlayer();
        }
    }
`

我需要一个“停止”按钮来停止音频并返回到当前正在播放的曲目的开头.我想过以某种方式使用当前的播放位置,但无法理解这一点.

我也试过这个(通过另一个问题的建议改编),但无济于事:

`    function stop() {
        var audioPlayer = document.getElementsByTagName('audio');
        addEventListener('loadedMetadata',function() {
        this.currentTime = 0;
            },false);
        }
`

有任何想法吗?

解决方法

如果你的播放/暂停有效,这应该适用于停止:
function stop() {
    var audioPlayer = document.getElementsByTagName('audio')[0];
    audioPlayer.pause();
    audioPlayer.currentTime = 0;
}

猜你在找的HTML5相关文章