Question

我已经设法获取用户的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);  

  }());
}

Answer 1

我建议使用SoundCloud API正确执行此操作。从这里开始https://developers.soundcloud.com/docs/api/guide

从输入的SoundCloud URL显示曲目的信息（例如流派）

1 个答案: