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

Question

我试图在我的web应用程序上构建一个功能，从Spotify的API中提取预览url，并在用户单击音频控件时播放预览。我可以保存正确的URL在源，但歌曲不播放。我看了看MDN文档，但还是没能让它开始工作。以下是我在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

对于以后可能发现这有用的任何人，我通过移除源标记并将预览url直接放在音频标记中来使音频工作。示例：

<audio controls src="..."></audio>

Answer 2

如果您使用type="audio/mpeg"，这应该是可行的。

下面是工作实例：

​

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

​