如果源是链接，如何在 html 页面中播放音频文件？

Question

我有一个来自 api 调用 (https://open.spotify.com/embed/track/5H1H2gRlCaB0mj961DCuFT) 的链接，现在我希望这个链接在我的 html 页面中作为音频播放。我尝试过使用 iFrame，但如果我使用它们，我将无法跟踪音频文件的当前时间。如果我使用音频标签，则文件不会播放。那么，我应该如何跟踪 iFrame 标签的时间或者有什么更好的解决方案呢？

Answer 1

https://open.spotify.com/embed/track/5H1H2gRlCaB0mj961DCuFT 是一个 HTML 文档。它有一个嵌入式音频播放器。

如果您想播放音频文件并能够监控播放等内容，那么您需要一个实际的音频文件。我非常怀疑 Spotify 是否会提供访问权限（因为这与他们的商业模式背道而驰），因此您需要为音频找到另一个来源。 （确保您获得适当的许可）。

Answer 2

您可以使用以下 URL 中的 javascript 播放音频：

function play() {
  var audio = new Audio('https://www2.cs.uic.edu/~i101/SoundFiles/StarWars3.wav');
  audio.play();
}

<button onclick="play()">Play Audio</button>

更多详情请参考原SO answer