Icecast 用户认证和网络音频 API答案

【问题标题】：Icecast User Auth and Web Audio APIIcecast 用户认证和网络音频 API
【发布时间】：2020-08-24 05:30:36
【问题描述】：

我运行一个 Icecast2 服务器，可以使用 Web Audio API 从我的网站获得流。我想使用 Icecast User Basic Auth 设置私有流。可以使用以下方式访问这些流：http://Username:Password@example.com/stream。

我面临的问题是我想将 URL 传递给 WEB Audio API 作为http://example.com/stream 并使用 XMLHTTPRequest 进行身份验证，如果可能的话；但是，请求未通过 CORS 预检，我不确定我是否正确设置了我的标头。

作为说明，我还尝试在不使用任何请求的情况下提供带有用户名和密码的 URL 并收到消息：The HTMLMediaElement passed to createMediaElementSource has a cross-origin resource, the node will output silence. 所以我想我无论如何都需要发送请求。

我目前正在本地网络上对此进行测试。 Icecast 服务器在 linux 上运行，我正在测试的网页在使用 IIS 的 Windows 上运行。 Icecast ip 是 192.168.1.30:6048 和 IIS 在 127.0.0.1:80

下面是我的 Icecast 配置文件和我正在使用的 XMLHTTPRequest 的相关部分。我目前还在测试中在 Icecast 配置中关闭了全局标头：

<mount>
    <mount-name>/test-stream.ogg</mount-name>
    <authentication type="htpasswd">
        <option name="filename" value="/usr/share/icecast2/user_auth"/>
        <option name="allow_duplicate_users" value="0"/>
    </authentication>
    <http-headers>
        <header name="Access-Control-Allow-Credentials" value="true" />
        <header name="Access-Control-Allow-Origin" value="http://127.0.0.1" />
        <header name="Access-Control-Allow-Headers" value="Authorization" />
        <header name="Access-Control-Allow-Methods" value="GET, OPTIONS" />
    </http-headers>
</mount>

window.onload = function() {
    let username = "User1";
    let password = "Pass1";

    let xhr = new XMLHttpRequest();
    xhr.open('GET', 'http://192.168.1.30:6048/test-stream.ogg', true);
    xhr.withCredentials = true;
    xhr.setRequestHeader('Origin','http://127.0.0.1');
    xhr.setRequestHeader ("Authorization", "Basic " + btoa(username + ":" + password));
                
    xhr.onload = function() {
        // Do Stuff...
    }
    xhr.send(null);
}

【问题讨论】：

标签： javascript icecast

【解决方案1】：

尝试在 Icecast 配置文件的顶部添加它（这会启用 * CORS）

<icecast>
    <http-headers>
        <header name="Access-Control-Allow-Origin" value="*" />
        <header name="Access-Control-Allow-Headers" value="Origin, Accept, X-Requested-With, Content-Type, If-Modified-Since" />
        <header name="Access-Control-Allow-Methods" value="GET, OPTIONS, HEAD" />
    </http-headers>
    <limits>
...

【讨论】：

【解决方案2】：

经过一系列设置和进一步研究后，我发现尝试在本地主机上的网络服务器上使用 Icecast 身份验证似乎存在一些未指明的问题。

我能够通过将所有内容移至公共服务器并将 SSL 添加到 Icecast 来解决问题。

【讨论】：