分享一段利用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>标签的组装。大家看了后可以自由扩展啦！

热点排行