Javascript 在音频元素中播放Spotify歌曲预览
我试图在我的web应用程序上构建一个功能,从Spotify的API中提取预览url,并在用户单击音频控件时播放预览。我能够在源代码中保存正确的URL,但歌曲无法播放。我看了看那辆车,但还是没能把它开动。以下是我在JSX中的代码片段:Javascript 在音频元素中播放Spotify歌曲预览,javascript,reactjs,audio,spotify,Javascript,Reactjs,Audio,Spotify,我试图在我的web应用程序上构建一个功能,从Spotify的API中提取预览url,并在用户单击音频控件时播放预览。我能够在源代码中保存正确的URL,但歌曲无法播放。我看了看那辆车,但还是没能把它开动。以下是我在JSX中的代码片段: <div className="audio-container"> <audio controls="controls"> <source src={this.props.songs[2].href} type="audio
<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>
{this.props.songs[2].name}
我没有收到任何错误。我有什么明显的遗漏吗?提前谢谢你 如果使用
type=“audio/mpeg”
工作示例如下:
对于以后可能觉得这很有用的任何人,我通过删除源标记并将预览url直接放在音频标记中,使音频正常工作。例如:
<audio controls src="..."></audio>
谢谢您的回复!但这并没有解决我的问题。我仍然无法单击控件。您从console.log(this.props.songs[2].href)获得什么信息代码>?看看这个,你确定{this.props.songs[2].href}引用的是.preview\u url
?是的,我肯定我查询的是正确的url,只是命名约定不好。我得到的url类似于: