javascript - 通过 Javascript 播放动态嵌入的声音对象

Question

我需要使用 AJAX 为 HTML 页面加载一些 WAV 文件。我使用 AJAX 获取 WAV 文件的详细信息，然后使用嵌入标签，我可以确认文件已成功加载，因为当我将 autostart 设置为 true 时，文件会播放。但是，我只需要在用户单击按钮(或触发事件)时播放文件。以下是我预加载这些文件的代码:

function preloadMedia() {
  for(var i = 0; i < testQuestions.length; i++)  {
  var soundEmbed = document.createElement("embed");
  soundEmbed.setAttribute("src", "/media/sounds/" + testQuestions[i].mediaFile);
  soundEmbed.setAttribute("hidden", true);
  soundEmbed.setAttribute("id", testQuestions[i].id);
  soundEmbed.setAttribute("autostart", false);
  soundEmbed.setAttribute("width", 0);
  soundEmbed.setAttribute("height", 0);
  soundEmbed.setAttribute("enablejavascript", true);
  document.body.appendChild((soundEmbed));
}

我使用下面的代码来播放文件(基于用户想要播放的声音文件)

function soundPlay(which) {
  var sounder = document.getElementById(which);
  sounder.Play();
}

这里有些问题，因为我测试过的浏览器都没有使用上面的代码播放文件。没有错误，代码只是返回。

我会保留它(也就是说 - 我会说服客户将所有 WAV 转换为 MP3 并使用 MooTools)。但我意识到我可以播放不是动态嵌入的声音文件。

因此，相同的 soundPlay 函数将适用于以下列方式嵌入的文件:

<embed src="/media/sounds/hug_sw1.wav" id="sound2" width="0" heigh="0" autostart="false" enablejavascript="true"/>

HTML 中的任何位置。

而且它在所有浏览器中都运行良好。

有人知道吗？这是所有浏览器中某种未记录的安全限制吗？ (请记住，文件确实是动态预加载的，我可以通过将 autostart 属性设置为 true 来确认 - 它们都会播放)。

感谢任何帮助。

Answer 1

嗯..也许，您需要等待嵌入对象在调用 preloadMedia() 后加载其“src”？

您确定在调用 soundPlay() 时加载了媒体文件吗？