JavaScript中使用html音频对象audio
首先是在js中声明一个audio对象,你可以把他添加到dom中,也可以直接设置src播放:
var audio = new Audio();//
var audio = new Audio("xx/xx.mp3");// 可以直接带音频地址
添加到dom中,可以直接进行音频的播放控制:
audio.controls = true; // 显示
audio.autoplay = true; // 自动播放
audio.loop = true; // 设置循环播放
控制播放,暂停:
audio.play(); //播放
audio.pause(); //暂停
设置播放源:
audio.src = '';
音量设置:
audio.volume; // 默认为1,也就是最大音量
获取音频的目前播放时间:
audio.currentTime;
还用到了两个监听事件:
audio.addEventListener( 'timeupdate', function() {} ); // 播放时间变化触发
audio.addEventListener( 'ended', function() {} ); // 播放结束触发