我已经设法获取用户的SoundCloud URL输入以加载到HTML和JavaScript的iFrame中,我现在想要向用户显示加载的轨道的类型,但我不确定如何执行此操作。我计划采用这种类型来创建推荐系统。
任何建议都将不胜感激!
HTML:
<input type="text" id="url" value="URL..."><br>
<a id="loadButton" onclick="loadSong();" class="button">LOAD TRACK</a>
<iframe id = "sc-widget" width="80%" height="80%" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=single_active=false" ></iframe>
JavaScript的:
function loadSong(){
(function() {
var iframe2 = document.querySelector('#sc-widget');
var widget = SC.Widget(iframe2);
var input = document.getElementById("url");
widget.load(input.value);
}());
}