HTML5音频元素在以src形式传递URL时关闭连接

TL；博士在底部大胆地提出了这个问题

因此，我花了一天大部分时间试图弄清楚是否可以将流式URL链接到HTML5音频元素，但我无法从规范中分辨出来。规范中的这一行（在描述

音频

元素时很有趣：

src — Address of the resource

所以它看起来不一定是一个静态路径。但是，从答案到规范的不同部分，我读到的所有其他内容都没有定论，所以我决定尝试一下。我从这个网站抓取了不同的流：并决定只将内容粘贴到音频src中。这是我的音频元素代码：

<audio src='https://streams.lrn.fm:8110' controls></audio>

这是我用这个src（）替换上面的

src

时收到的错误消息：

所以看起来音频元素不接受流式URL作为源。这是真的，还是我做错了什么

在我看来，当使用HTTPS时，浏览器似乎不接受通过非标准端口的任何内容。这是否偏离了基准？基本上，这是一个问题：

HTML5音频元素是否接受

src

属性中的远程服务器地址？

快速查看以下内容：

---

规范中没有任何东西会阻止这一点，尽管我认为实现可以自由拒绝连接，特别是如果它们不处理给定的媒体类型。

您可以在音频元素中使用流式URL。请参阅：

我无法访问您提到的特定流。我怀疑这些流的所有者应用了限制，因此只能从自己的页面加载。您是否可以直接在浏览器中加载这些流

---

试着运行你自己的流媒体服务器，或者找一个免费的流媒体音频源。

你刚刚做了一个简单的尝试

您的代码

  <audio src='https://streams.lrn.fm:8110' controls></audio>

<audio controls>
          <source src="https://www.w3schools.com/html/horse.ogg" type="audio/ogg">
          <source src="https://www.w3schools.com/html/horse.mp3" type="audio/mpeg">
        Your browser does not support the audio element.
        </audio>   

更新代码

  <audio src='https://streams.lrn.fm:8110' controls></audio>

<audio controls>
          <source src="https://www.w3schools.com/html/horse.ogg" type="audio/ogg">
          <source src="https://www.w3schools.com/html/horse.mp3" type="audio/mpeg">
        Your browser does not support the audio element.
        </audio>   

您的浏览器不支持音频元素。

您只需输入正确的url，其中包含有效的扩展名，如-.mp3、.ogg和媒体类型

希望这有帮助

这里是代码片段

您的浏览器不支持音频元素。