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

时间 2019-11-10

标签分享一段利用 javascript 实现播放声音音乐例子栏目 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>标签的组装。你们看了后能够自由扩展啦！

热点排行