HTML 音频元素加载音频流失败
HTML audio element fails to load audio stream
我组装了一个网站并配置了一个 Digital Ocean droplet 以使用 Azuracast 提供音频流。
在此 URL http://137.184.153.182:8010/radio.mp3 直播音频流。在发布时，我正在从 Audio Hijack 流式传输静态，您可以通过访问 URL 并单击音频元素上的播放来收听。通过检查网站，我看到以下 HTML
<video controls="" autoplay="" name="media"> <source src="http://137.184.153.182:8010/radio.mp3" type="audio/mpeg"></video>
在旨在向听众传送音频流的网站上 https://feverdream.radio，我放置了一个相同的 HTML 片段。但是播放按钮仍然是灰色的，我无法播放音频直播。
我不明白我可能做错了什么，以至于相同的代码在一个 URL 上起作用，但在另一个上不起作用。
正在为 HTTPs 网站加载不安全的 HTTP 资源。打开浏览器控制台看到如下错误：
Mixed Content: The page at 'https://feverdream.radio/' was loaded over HTTPS, but requested an insecure element 'http://137.184.153.182:8010/radio.mp3'. This request was automatically upgraded to HTTPS, For more information see https://blog.chromium.org/2019/10/no-more-mixed-messages-about-https.html
137.184.153.182 的 SSL/TLS 证书颁发机构应该是：
- 公开发布 - 请参阅 Let's Encrypt
- 私人信任 - 请参阅 how to trust a self signed certificate 了解您的非 public 开发环境。
我组装了一个网站并配置了一个 Digital Ocean droplet 以使用 Azuracast 提供音频流。
在此 URL http://137.184.153.182:8010/radio.mp3 直播音频流。在发布时，我正在从 Audio Hijack 流式传输静态，您可以通过访问 URL 并单击音频元素上的播放来收听。通过检查网站，我看到以下 HTML
<video controls="" autoplay="" name="media"> <source src="http://137.184.153.182:8010/radio.mp3" type="audio/mpeg"></video>
在旨在向听众传送音频流的网站上 https://feverdream.radio，我放置了一个相同的 HTML 片段。但是播放按钮仍然是灰色的，我无法播放音频直播。
我不明白我可能做错了什么，以至于相同的代码在一个 URL 上起作用，但在另一个上不起作用。
正在为 HTTPs 网站加载不安全的 HTTP 资源。打开浏览器控制台看到如下错误：
Mixed Content: The page at 'https://feverdream.radio/' was loaded over HTTPS, but requested an insecure element 'http://137.184.153.182:8010/radio.mp3'. This request was automatically upgraded to HTTPS, For more information see https://blog.chromium.org/2019/10/no-more-mixed-messages-about-https.html
137.184.153.182 的 SSL/TLS 证书颁发机构应该是：
- 公开发布 - 请参阅 Let's Encrypt
- 私人信任 - 请参阅 how to trust a self signed certificate 了解您的非 public 开发环境。