利用JavaScript实现音频文件的播放和暂停

最新推荐文章于 2024-06-18 15:43:36 发布

原创最新推荐文章于 2024-06-18 15:43:36 发布 · 6.2k 阅读

13 ·

CC 4.0 BY-SA版权

文章标签：

#HTML5 #audio

HTML5 专栏收录该内容

1 篇文章

订阅专栏

HTML5的audio元素提供了包含音频的标准方式，支持播放声音文件或音频流。关键在于通过audio对象的paused属性判断音频状态，并使用pause()和play()方法进行播放和暂停操作。

HTML5 规定了一种通过 audio 元素来包含音频的标准方法。
audio 元素能够播放声音文件或者音频流。
注意看，a.paused表示当前音频的状态，而音频的暂停和播放对应的方法分别为pause()和play() ——-(自认为很值得注意的地方我当时就犯了这种错误)

<button onclick="clickA(this)">播放/暂停</button>
<audio id="audio" src="raw/1.mp3">您的浏览器不支持</audio>


<script>
    var a = document.getElementById("audio");

    function clickA() {
        //如果暂停   点击即可播放
        if (a.paused) {

            // 播放
            a.play();
            //如果播放  点击暂停
        } else if (a.play()) {

            //暂停
            a.pause();

        }
    }

</script>