分享一段利用JavaScript实现播放声音/音乐的例子。

<html><head><title>这种方式支持任何浏览器</title></head>
<body>
<div id="div1"></div><input type="button" value="立即" onclick="play_click(this,'http://www.zhuatu.com/crop/1.wav');"><div id="div2"></div><script language="javascript">function play_click(sef,url){var div = document.getElementById('div1');
    div.innerHTML ='<embed src="'+url+'" loop="0" autostart="true" hidden="true"></embed>';var emb = document.getElementsByTagName('EMBED')[0];if(emb){/* 这里可以写成一个判断 wav 文件是否已加载完毕，以下采用setTimeout模拟一下 */
        div = document.getElementById('div2');
        div.innerHTML ='loading: '+emb.src;
        sef.disabled =true;
        setTimeout(function(){div.innerHTML='';},1000);}}</script>
</body></html>

以上代码对浏览器的兼容性很高，仔细看下如上代码无非也就是利用JavaScript对<embed>标签的组装。大家看了后可以自由扩展啦！

热点排行