时间戳

首页 > 解决方案 > 如果源是链接，如何在 html 页面中播放音频文件？

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

问题描述

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

标签： javascripthtmliframehtml5-videohtml5-audio

解决方案

您可以使用来自 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 答案

推荐阅读