音频: audio
视频: video
constrols 标签自带用户控制界面
autoplay 自动播放
loop 循环播放
例:<audio src="音频/视频位置" controls autoplay loop id="music"></audio>
音频/视频标签属性:
- currentTime 当前播放时间
btn1.click = function ( ) { console.log(music.currentTime);
- duration 总时间
btn2.click = function ( ) { console.log(music.duration);
- volume 音量(范围在0-1之间)
btn3.click = function ( ) { music.volume += 0.1}
- muted 静音
btn5.onclick = function(){
au.muted = !au.muted; //通过取反的方式来控制是否静音
}
- play 播放
btn6.onclick = function(){au.play(); }
- pause 暂停
btn7.onclick = function(){au.pause(); }
- load 重新加载
btn7.onclick = function(){au.load(); }
- ontimeupdate 随音乐播放触发
music.ontimeupdate = function( ) {console.log( "正在播放....");
- onended 音乐播放结束时触发
music.onended = alert("音乐已结束");