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

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();
    }
}
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 原文链接http://www.cnblogs.com/kenshincui/p/4186022.html 音频在i...
    Hyman0819阅读 22,197评论 4 74
  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,318评论 3 119
  • 假期已过大半,现在才静下心来反思自己一学期以来的成长经历,整整一年我都在成长中度过,一次次的成长,带给我的是一次次...
    会洁阅读 574评论 0 0
  • 老爹明天要来了,要做些什么好吃的菜,我想写个小说了,构思构思它的情节,我的材料终于准备齐全了,去了还会不会被打回来...
    赵一林阅读 339评论 0 1
  • 风劲角弓鸣、将军猎渭城;草枯鹰眼疾、雪尽马蹄轻;忽过新丰市、还归细柳营;回看射雕处、千里暮云平;
    彬郎阅读 498评论 0 1

友情链接更多精彩内容