您的位置：首页 > 其它

通过脚本控制播放音频

2013-12-30 20:39 351 查看
通过脚本控制音频的播放，点击播放，点击另一首只播放另一首，而且遇到不支持的类型，还能够换播放的文件类型

<!DOCTYPE
html>
<html>
<head>
 
  <meta
charset="utf-8">
 
 
<title>通过我们的脚本来控制音乐的播放</title>
 
 
<script>
 
     
window.addEventListener("load",function(){
 
     
    var myaudio=new
Audio();
 
     
   
//获取我们所有的<li>对象
 
     
    var
ele=document.querySelectorAll("li");
 
     
    for(var
i=0;i<ele.length;i++){
 
     
     
 
//为每一个<li>对象添加点击事件
 
     
     
 
ele[i].addEventListener("click",function(){
 
     
     
     
 myaudio.pause();
 
     
     
     
 var
audioName=this.firstChild.textContent;
 
     
     
     
 if(myaudio.canPlayType("audio/aiff")!="maybe"){
 
     
     
     
   
 //如果不能够播放first.aiff我们换成first.wav
 
     
     
     
   
 
 
     
     
     
   
 audioName=audioName.replace(/\.aiff/,".wav");
 
     
     
     
   
 alert(audioName);
 
     
     
     
  }
 
     
     
     
  myaudio=new Audio(audioName);
 
     
     
     
  myaudio.play();
 
     
     
  },true);
 
     
    }
 
     
},true);
 
 
</script>
</head>
<body>
 
 
<h3>通过脚本来实现音频的播放(点击播放歌曲)</h3>
 
  <ul>
 
     
<li>audio/nizhan.mp3</li>
 
     
<li>audio/diyifuren.mp3</li>
 
     
<li>audio/yangcong.mp3</li>
 
     
<li>audio/first.aiff</li>
 
  </ul>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航