Shoutcast音频直播仅HTTP可用，HTTPS无法播放的解决方案咨询

1. 多源自动切换的实现方式 #

你不能给<audio>标签直接设置两个src属性，但可以通过添加多个<source>标签实现自动 fallback：浏览器会按顺序尝试每个<source>，第一个能正常加载的资源就会被使用。修改后的代码如下：

<audio controls="true" style="width: 234px; height: 30px">
    <source src="https://www.domain.tld:0000/;stream.mp3" type="audio/mp3">
    <source src="http://www.domain.tld:0000/;stream.mp3" type="audio/mp3">
    [Stream Player]
</audio>

但要注意：HTTPS页面中加载HTTP音频流会被现代浏览器的混合内容策略拦截，所以第二个HTTP源在HTTPS网站上大概率会被浏览器直接阻止，根本不会触发尝试。

2. HTTPS下HTTP流无法播放的核心原因 #

虽然whynopadlock没检测出混合内容错误，但实际现代浏览器对HTTPS页面中的HTTP资源有严格限制：音频这类主动加载的媒体资源属于「主动混合内容」，浏览器会直接拦截加载请求，这是出于安全层面的强制策略。

3. 可行的解决方案 #

如果你的Shoutcast服务器本身不支持HTTPS，最靠谱的办法是用反向代理（比如Nginx）搭建一个HTTPS代理端点，将HTTPS请求转发到Shoutcast的HTTP流上。这样网站和音频流都用HTTPS地址，就不会触发混合内容拦截了。

简单的Nginx配置示例（需提前准备好SSL证书）：

server {
    listen 443 ssl;
    server_name your-domain.tld;

    ssl_certificate /path/to/your/cert.pem;
    ssl_certificate_key /path/to/your/key.pem;

    location /stream {
        proxy_pass http://localhost:0000/;  # 替换为你的Shoutcast实际地址和端口
        proxy_set_header Host $host;
        proxy_buffering off;
        proxy_cache off;
    }
}

配置完成后，你就可以用https://your-domain.tld/stream;stream.mp3作为音频源，在HTTPS网站上正常播放了。

内容的提问来源于stack exchange，提问作者Harry The Mad Lurker