Sow nothing reap nothing

JS及JQ在网页中添加声音文件播放

已有3,532次关注

HTML代码:

<div id="message" style="display:none"></div>

JS代码:

$(function(){ 
  //判断是否是IE浏览器 IE模式不支持audio 换成embed
  if(navigator.userAgent.indexOf('MSIE') >= 0){  
    $('#message').html('<embed src="system.wav" autostart="true"/>'); 
  }else{ 
    //IE9+,Firefox,Chrome均支持
    <audio>
    $('#message').html('
    <audio autoplay="autoplay" id="sound" src="system.wav"></audio>'); 
    </audio>
}

jquery播放和停止使用 jquery为什么需要一个0呢?js操作获得的是audio对象,jquery选择器获得的是jquery对象,0对象的才是对应的节点对象。所以不能直接使用jquery对象去操作。

$("#sound")[0].play(); //播放
$("#sound")[0].pause(); //暂停

JS播放和停止使用

var audioEle = document.getElementById("sound");
audioEle.play(); //播放
audioEle.pause(); //暂停

已自动关闭评论