jquery+html5 在web页面播放提示音

最新推荐文章于 2025-05-31 13:50:49 发布

原创最新推荐文章于 2025-05-31 13:50:49 发布 · 1.2w 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#java #jquery

js 同时被 2 个专栏收录

2 篇文章

订阅专栏

jquery

0 篇文章

订阅专栏

本文介绍了如何使用jQuery和HTML5的音频标签实现简单的音频播放功能，并针对不同浏览器进行了兼容性处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
 </head>
<script type="text/javascript" src="jquery-1.8.2.min.js"></script> 
<script type="text/javascript"> 
function play(){
	if($.browser.msie && $.browser.version=='8.0'){ 
		$('#newMessageDIV').html('<embed src="notify.mp3"/>'); 
	}else{ 
		//IE9+,Firefox,Chrome均支持<audio/> 
		$('#newMessageDIV').html('<audio autoplay="autoplay"><source src="notify.mp3"' 
		+ 'type="audio/wav"/><source src="notify.mp3" type="audio/mpeg"/></audio>'); 
	} 
}
</script> 
 <body>
  <div id="newMessageDIV" style="display:none">123132</div> 
  <input type="button" value="dada" onclick="play()"/>
 </body>
</html>

以上代码为自己整理，音频文件和jquery见附件