使用javascript在功能结束时播放音乐

Question

我想通过将音乐文件传递给一个函数来启动它，然后在另一个函数完成执行后自动播放它。一旦函数完成，我想播放“done.mp3”，并在错误播放“error.wav”等...

我只想写下简单的纯JavaScript函数来做到这一点。在任何地方调用它并提供.mp3或.wav音乐文件......并直接播放它。

我的工作将在ASP.NET项目中使用。

我希望能够在Internet Explorer，Firefox，Chrome中使用它。

Answer 1

创建一个Audio元素并从您的函数中触发它：

var audio = document.createElement('audio');
audio.src = 'link/to/audio/file.ogg|mp3'; //mp3 not supported in current FF

audio.addEventListener('canplaythrough', function() { 
   audio.play();
}, false);

或预加载音频 - 当您到达函数调用结束时audio.play()。

if (audio.attr('readyState')) audio.play();

如果没有readyState，只需使用setTimeout重试即可。记住检查错误（如果文件不存在，不支持的编解码器等）。

Answer 2

根据其他想法的多次搜索，我发现一个解决方案，不幸的是它不适用于IE。 我可以在div中添加工具，这适用于Firefox和chrome：

document.getElementById("TestDiv").innerHTML = "<audio autoplay='autoplay' ID= 'audioPlayerElement' src=" + MusicLink + " ></audio>";