按需聲音的最佳做法是什麼？

Question

最近，我們一直在開發某種基於Web的即時消息應用程序，我想問一下最好的方法來實現最好通過JavaScript控制的消息提示音。我們可以使用任何現有的庫嗎？

Answer 1

可以使用html5 audio tag，好處是不使用任何額外的插件（QuickTime的，閃光...），但browser must support the audio tag

function SoundPlay (src) 
{ 
    var soundEmbed = document.createElement("audio"); 
    soundEmbed.setAttribute("src", src); 
    soundEmbed.setAttribute("autoplay", 'autoplay'); 
    soundEmbed.setAttribute("type", 'audio/mpeg');  

    //jQuery can help you with the removal of the audio element 
    $(soundEmbed).one('ended', function(evt) 
    { 
     $(evt.target).remove(); 
    }); 

    // or, if you are not using jQuery 
    soundEmbed.onended = function() 
    { 
     document.body.removeChild(soundEmbed); 
    }; 

    document.body.appendChild(soundEmbed); 
}