<!DOCTYPE html>
<html>
<head>
<title>mp3</title>
<meta charset="UTF-8">
<meta name="keywords" content="mp3">
<meta name="description" content="mp3">
<meta name="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js" ></script>
<script type="text/javascript" src="js/browser.js" ></script>
<script type="text/javascript" >
function playNotify(){
if($.browser.msie && $.browser.version=='8.0')
{
$('#newMessageDIV').html('<embed src="notify.mp3"/>');
}else
{
//IE9+,Firefox,Chrome均支持<audio/>
if($.browser.mozilla)
{
var strAudio = "<audio id='audioPlay' src='notify.mp3' hidden='true'>";
$('#newMessageDIV').html(strAudio);
var audio = document.getElementById("audioPlay");
audio.play();
}else
{
$('#newMessageDIV').html('<audio autoplay="autoplay"><source src="notify.ogg" type="audio/ogg" /><source src="notify.wav"'
+ 'type="audio/wav" /><source src="notify.mp3" type="audio/mpeg" /></audio>');
}
}
}
</script>
</head>
<body>
<div id="newMessageDIV" style="display:none">notify</div>
<input style="font-size: 28px;" type="button" value="play notify mp3" onclick="playNotify()"/>
</body>
</html>
