audio 的各种方法

<div class="box">
        <button>play</button>
        <button>pause</button>
        <button>stop</button>
        <button>快进</button>
        <button>音量</button>
        <button>时间</button>
</div>
    var audio = new Audio("out.m4a");//获取audio路径
    var btn = document.querySelectorAll("button");

1.paly() 播放

 btn[0].onclick = function () {
        audio.play();
    };

2.pause() 暂停

  btn[1].onclick = function () {
        audio.pause();
    };

3.currentTime 播放的时间

3.1实现停止功能
 btn[2].onclick = function () {
        audio.currentTime = 0;
        audio.pause();
    };

3.2实现快进功能
 btn[3].onclick = function () {
        audio.currentTime += 10;
    };

4.volume() 音量

btn[4].onclick = function(){
        audio.volume = 0.2; //值为0-1之间
    };

5.duration() 总时间
获取音频的总时间

6.canplaythrough 音频加载就绪

 audio.addEventListener("canplaythrough",function () {

    });

7.timeupdate 音频时间发生改变

audio.addEventListener("timeupdate",function () {

    });

最后

以上就是顺心鸡为你收集整理的audio 的各种方法的全部内容，希望文章能够帮你解决audio 的各种方法所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。