js控制wav音频暂停、播放,兼容IE

最新推荐文章于 2021-09-28 14:43:15 发布

起一个好听的名字

最新推荐文章于 2021-09-28 14:43:15 发布

阅读量3.5k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/qq_29663071/article/details/79002958

版权

JavaScript 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

从图中可以看出非IE浏览器可以使用 html5中的audio元素控制音频的播放

<!DOCTYPE HTML>

<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>

</head>
<body>  音乐
<audio src="b.mp3" controls="controls" preload id="music1" hidden>
</audio>
<span id="bf" onclick="bf();">播放/暂停</span>
<span id="bf" onclick="rbf();">重新播放</span>
<script>
function rbf(){
 var audio = document.getElementById('music1'); 
 audio.currentTime = 0;
}
function bf(){
 var audio = document.getElementById('music1'); 
 if(audio!==null){             
    //检测播放是否已暂停.audio.paused 在播放器播放时返回false.
     alert(audio.paused);
  if(audio.paused)                     {                 
      audio.play();//audio.play();// 这个就是播放  
  }else{
   audio.pause();// 这个就是暂停
  }
 } 
}
   
</script>
</body>
</html>

IE浏览器可以说使用bgsound元素来操作

 
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 
 
  < 
  html  
  xmlns 
  = 
  "http://www.w3.org/1999/xhtml" 
  > 
 
 
  < 
  head 
  > 
 
 
  < 
  meta  
  http-equiv 
  = 
  "Content-Type"  
  content 
  = 
  "text/html; charset=gb2312"  
  /> 
 
 
  < 
  title 
  >js控制背景音乐bgsound的方法(开始与停止)</ 
  title 
  > 
 
 
  </ 
  head 
  > 
 

     
 
 
  < 
  body 
  > 
 
 
  < 
  script  
  type 
  = 
  "text/javascript" 
  > 
 
 
  var bg_sound=document.createElement("bgsound");//创建背景音乐 
 
 
  bg_sound.id="i_bg"//设置id属性 
 
 
  document.body.appendChild(bg_sound);//body中添加背景音乐 
 
 
  //bg_sound.src="ttmp3.wav"; 
 
 
  bg_sound.src="ttmp3.wav";//设置一个背景音乐文件 
 
 
  //应该也可以用write写出来，可以试下效果。 
 
 
  function bg_stop(){ 
 
 
     
  bg_sound.src=""; 
 
 
  } 
 
 
  function bg_start(){ 
 
 
     
  bg_sound.src="ttmp3.wav"; 
 
 
  } 
 
 
  </ 
  script 
  > 
 
 
  < 
  span  
  >< 
  a  
  onclick 
  = 
  "javascript:bg_stop();"  
  href 
  = 
  "javascript:void(0);" 
  >背景音乐停止</ 
  a 
  ></ 
  span 
  >  < 
  span  
  >< 
  a  
  onclick 
  = 
  "javascript:bg_start();"  
  href 
  = 
  "javascript:void(0);" 
  >背景音乐开始</ 
  a 
  ></ 
  span 
  > 
 
 
  </ 
  body 
  > 
 
 
  </ 
  html 
  > 
 

起一个好听的名字

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
js控制wav音频暂停、播放,兼容IE

从图中可以看出非IE浏览器可以使用 html5中的audio元素控制音频的播放DOCTYPE HTML>html>head>meta charset="utf-8">meta name="viewport" content="width=device-width, initial-scale=1.0">title>title>head>body> 音乐audio s
复制链接

扫一扫