HTML5开发，audio 控制，当单个音频播放的时候，其它音频保持暂停状态，避免重音

Posted 2020-08-22 Zion0707

//html部分
<audio controls src="http://sc1.111ttt.com/2016/1/12/09/205090905133.mp3"></audio>
<audio controls src="http://sc1.111ttt.com/2016/5/12/09/205090518581.mp3"></audio>
<audio controls src="http://sc1.111ttt.com/2016/5/12/09/205090518581.mp3"></audio>




//js 部分
//当音频播放按钮被触发的时候
$(‘audio‘).on(‘play‘,function(){
    //这里的索引是1开始的所以要减一
    var thisIndex = $(this).index()-1;
    for( var i = 0 , len = $(‘audio‘).length ; i < len ; i ++ ){
        //如果是当前这个音频播放，那么就跳过，其它音频全部暂停
        if ( thisIndex != i ) {
            $(‘audio‘)[i].pause();
        }
    }
})