分享一段利用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>標籤的組裝。你們看了後能夠自由擴展啦！

熱點排行