如何制作 soundcloud 小部件?

how to make a soundcloud widget?

所以我一直在寻找一个用于代码笔的 Sound Cloud 小部件进行测试,然后我将把它实现到我的网站上。我的目标是显示几个选项卡,您可以单击这些选项卡,将视图更改为我的个人资料的不同部分,例如我的重新发布和我的曲目,这是我想要的,但我的问题是我根本不知道如何编码我看过soundcloud资源:

https://developers.soundcloud.com/docs/widget

但这一切都令人困惑,因为我不知道从什么开始作为基础以及我需要什么。我查找了模板,但没有找到与我的关键字匹配的内容。

现在我要做的就是创建一个与此匹配的小部件 Image

使用 css js 和 html 以及任何其他可以嵌入 html 的代码 我还想让任何人都可以通过密钥 JavaScript 代码顶部的变量为自己的帐户修改它,注释掉 link 以获得消费者密钥和任何其他小部件的 related/required 键,用户 ID / 用户 URL,如何使用 link 查找用户 ID。 现在这些都不是必需的,因为获得一个可以工作的小部件是我的首要任务,即使它看起来不太好。因此,我正在寻求帮助,了解我首先需要做什么才能获得它的基础,例如,我的 html 中需要哪些行才能为小部件导入 SDK?我对我的小部件有什么要求,例如 API 键以及什么要求,因为我知道您可以使用 api 启用某些功能并禁用播放

等选项

https://www.w3schools.com/howto/howto_js_tabs.asp

为每个选项卡制作 href="www.example.soundcloud.com/user/re-posts",虽然我对 soundcloud API 不熟悉