• 语义化 超文本标记语言:还可以显示图片 视频 音频;
  • controls : 控制是否显示
  • play : 最新的谷歌浏览器为了节省性能,禁掉了音频的自动播放功能;
  • pause : 暂停
  • paused : 属性名;当音乐播放状态时,该值是false状态,如果是暂停状态,那么其属性值是true;
  • duration: 当前音频的总时长;是秒;
  • currentTime:当前音乐播放过得时间;可以时时刻刻获取到当前音乐的播放时间;
  • canplay : 当音频资源加载完毕,会立即触发这个

    • music.addEventListener(“canplay”,function(){

      1. console.log(music.duration);<br /> });

音视频 - 图1

audio的兼容性处理

<audio controls>
    <source src=”http://demo.mimvp.com/html5/take_you_fly.ogg” />
    <source src=”http://demo.mimvp.com/html5/take_you_fly.mp3″ />
    <source src=”http://demo.mimvp.com/html5/take_you_fly.wav” />
</audio>