Javascript CORS 400收割台缺失（除其他问题外）

这是我第一个使用javascript的项目（基本上是从这里派生的代码：）

我正在尝试构建一个可视化工具来响应我所承载的音频

问题： -抛出CORS 400错误（我在源url中使用） -音频未被识别

以下是我在codepen上的项目链接： 代码也存储在我的github上：

---

我在stackoverflow和整个网络上搜索了其他帖子，但仍然遇到问题。谢谢你的帮助

如果您尝试在chrome中浏览链接，您将收到如下消息

缺少所需的请求标头。必须指定其中一个：原点、x请求和

您将需要如上所述定义自定义请求头，以使其正常工作。参考api，因为它清楚地说明了您应该事先做什么

您应该创建一个标题为的请求，如下所示

fetch('https://cors-anywhere.herokuapp.com/http://soundcloud.com/gentttry/10999-1', {
    'headers': {
        'Origin': 'soundcloud.com'
    }
})
.then(res=>res.blob())
.then(blob=>URL.createObjectURL(blob))
.then(audio_src=>{
    // Then init your audio here and assign the url
})

---

问题是链接没有返回音频。您需要找到实际的音频二进制链接

fetch('https://cors-anywhere.herokuapp.com/http://soundcloud.com/gentttry/10999-1', {
    'headers': {
        'Origin': 'soundcloud.com'
    }
})
.then(res=>res.blob())
.then(blob=>URL.createObjectURL(blob))
.then(audio_src=>{
    // Then init your audio here and assign the url
})