HTTPS网站无法播放HTTP音频流的解决方法咨询

这是浏览器的混合内容安全策略导致的：现代浏览器会严格阻止HTTPS页面加载未加密的HTTP资源（音频、视频这类主动资源会被直接拦截，连控件都无法正常显示）。下面是几个可行的解决方案：

1. 用自己的HTTPS域名做反向代理（推荐方案） #

在你的服务器上配置反向代理，让HTTPS请求转发到那个HTTP音频流地址，这样前端只需要请求你域名下的HTTPS路径，服务器后端去拉取HTTP的流。

以Nginx为例，修改你的站点配置：

server {
    listen 443 ssl;
    server_name radiolivade.com;

    # 替换成你的SSL证书路径
    ssl_certificate /path/to/your/ssl/cert.pem;
    ssl_certificate_key /path/to/your/ssl/key.pem;

    # 配置代理路径
    location /radio-stream {
        proxy_pass http://hyades.shoutca.st:8155/stream;
        # 传递原主机头，确保流服务器正常响应
        proxy_set_header Host hyades.shoutca.st;
        # 禁用缓存，适配流式传输
        proxy_buffering off;
        proxy_cache off;
        # 保持长连接，优化流传输
        proxy_http_version 1.1;
        proxy_set_header Connection "";
    }
}

然后修改前端的音频代码，指向代理后的HTTPS路径：

<audio controls autoplay>
    <source src="https://radiolivade.com/radio-stream">
</audio>

这样浏览器只会请求HTTPS资源，避开混合内容限制，同时服务器帮你完成HTTP流的拉取和转发。

2. 临时调整浏览器混合内容设置（仅测试用） #

部分浏览器允许临时解除混合内容限制：

• Chrome：地址栏点击锁图标 → 「站点设置」→ 找到「不安全内容」选项，设置为「允许」
• Firefox：地址栏点击锁图标 → 「连接安全」→ 「禁用保护」

但这个方法只适合你自己测试，普通用户不会这么操作，不适合作为正式解决方案。

3. 联系电台服务商提供HTTPS流（长期根治方案） #

直接联系电台流的服务商，询问是否有HTTPS版本的流地址。如果他们能升级到HTTPS，就能从根源解决问题，不需要额外配置代理。

内容的提问来源于stack exchange，提问作者Darko Milošević