按需声音的最佳做法是什么?

时间:2011-03-24 07:56:02

标签: javascript html

最近我们一直在开发某种基于Web的IM应用程序,我想问最好的方法来实现最好通过JavaScript控制的消息提示音。我们可以使用现有的库吗?

1 个答案:

答案 0 :(得分:0)

你可以使用html5 audio tag,好处是你没有使用任何额外的插件(quickTime,flash ...),但是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);
}