html - 单击链接后如何在后台播放音频文件？ (无嵌入)

Question

当前，单击链接后，我正在使用以下代码播放一些音频:

<a href="http://somehost.com/word_audio.ogg">Pronunciation of a word</a>

现在，如果用户单击链接，则将加载带有音频播放面板的新页面。播放音频后，用户必须单击浏览器的 GO BACK按钮以返回到原始内容。

是否可以在不定向到新页面的情况下播放音频？当用户单击链接时，音频仅在后台播放？
(不想使用embed，因为它只是一个单词发音的1秒音频，作为对一个不常见单词的次要解释)。

Answer 1

实际上，href属性会将您重定向到新页面，您可以在链接e.prevenDefault()事件处理程序中使用click停止此重定向，并创建一个以audio为源的动态href元素并进行播放。

这是您需要的:

function playItHere(e, link) {
  var audio = document.createElement("audio");
  var src = document.createElement("source");
  src.src = link.href;
  audio.appendChild(src);
  audio.play();
  e.preventDefault();
}

<a href="https://upload.wikimedia.org/wikipedia/en/4/45/ACDC_-_Back_In_Black-sample.ogg" onclick="playItHere(event, this)">Pronunciation of a word</a>