美文网首页
JS/控制Html标签audio的播放、暂停、停止和播放次数

JS/控制Html标签audio的播放、暂停、停止和播放次数

作者: 我的这颗橘子是甜的 | 来源:发表于2018-11-18 23:21 被阅读0次
html:
<audio src='xxx.mp3' id='audio'></audio>
状态切换:
//控制音频
function playOrPause(elemId,type) {
    var elem = document.getElementById(elemId);

    //停止
    if (type==0){
        elem.pause();
        elem.currentTime = 0; //如只暂停则不需要此行
    }
    //播放
    else if (type==1){
        elem.play();
    }
    //切换
    else {
        if (elem.paused) {
            elem.play();
        }
        else {
            elem.pause();
            elem.currentTime = 0;
        }
    }
}
播放次数:
var elem,start,times;
//播放次数
function playTimes(elemId, count) {
    elem  = document.getElementById(elemId);
    start = 0;
    times = count;

    elem.addEventListener("ended",playFunction);
    elem.play();
}
function playFunction() {
    start++;
    // alert(start);
    if(start<times){
        elem.play();
    }
}

相关文章

网友评论

      本文标题:JS/控制Html标签audio的播放、暂停、停止和播放次数

      本文链接:https://www.haomeiwen.com/subject/elynfqtx.html