javascript - 在音频元素中播放 Spotify 歌曲预览

Question

我正在尝试在我的 Web 应用程序上构建一项功能，从 Spotify 的 API 中提取预览 URL，并在用户单击音频控件时播放预览。我能够在源中保存正确的 URL，但歌曲无法播放。我看了MDN Docs ，但仍然无法让它工作。这是我在 JSX 中的代码片段:

<div className="audio-container">
  <audio controls="controls">
    <source src={this.props.songs[2].href} type="audio"/>
  </audio>
  <p className="font-style">{this.props.songs[2].name}</p>
</div>

我没有收到任何错误。我有什么明显遗漏的吗？提前谢谢您!

Answer 1

如果您使用type="audio/mpeg"

，这应该可以工作

下面的工作示例:

  <audio controls="controls">
    <source src="https://p.scdn.co/mp3-preview/83090a4db6899eaca689ae35f69126dbe65d94c9?cid=null" type="audio/mpeg"/>
  </audio>