分享一段利用JavaScript實現播放聲音/音樂的例子。

本文轉載自查看原文 2013-11-02 23:37 5408

<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>標簽的組裝。大家看了后可以自由擴展啦！

熱點排行

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 electron例子 | 播放聲音 java swing 播放聲音 js 播放聲音文件 Web 播放聲音（AMR 、WAVE）使用JS播放聲音——SoundManager 2 c#播放聲音文件 WPF 播放聲音的三種方法調用OpenSL ES NDK播放聲音【Alsa】播放聲音和錄音詳細流程 C++QT5播放聲音示例