如何在 html 中播放在线电台答案

【问题标题】：How can I play a online radio in html如何在 html 中播放在线电台
【发布时间】：2020-03-19 10:18:07
【问题描述】：

电台的给定 URL 是 https://karthigaifm.radioca.st/streams/64kbps

流类型为 Shoutcast 端口为 12000

我尝试使用此代码，但它不起作用。

<audio preload="none" autoplay="autoplay" controls="controls">
       <source
           src="https://karthigaifm.radioca.st/streams/64kbps;"
       />
</audio>

【问题讨论】：

收音机还是音频？？
电台（在线）您可以通过链接karthigaifm.radioca.st/streams/64kbps查看电台
请注意，<source> 标记不使用也不需要结束斜线，在 HTML 中从不这样做。
我已经删除了那个斜线..但它仍然不起作用 ------ 流类型是 Shoutcast 端口是 12000

标签： html audio internet-radio

【解决方案1】：

您需要删除src 字符串末尾的分号。像这样：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Audio Test</title>
  </head>
  <body>
    <audio preload="none" autoplay="autoplay" controls="controls" src="https://karthigaifm.radioca.st/streams/64kbps" />
  </body>
</html>

【讨论】：

我已经尝试使用此代码.. 但仍然无法正常工作 ------ 流类型为 Shoutcast，端口为 12000
我编辑了我的答案并发布了我用来测试它的整个 html 文档。它适用于我机器上当前版本的 Firefox、Chrome 和 Edge。当我使用您的原始代码时，我在控制台上收到警告。使用此代码没有警告。当您使用上面的代码时，您是否看到任何控制台输出？
如果我只使用上面的代码创建一个 HTML 文件，它可以工作，但我将音频标签添加到我的网页，它就不起作用。我在控制台中收到以下错误。-- 资源解释为 Document，但使用 MIME 类型音频/mpeg 传输：“karthigaifm.radioca.st/streams/64kbps”。
很遗憾，我无法查看您的代码。我建议您从运行的最小示例开始，并以较小的增量添加更多网站代码，直到找到导致问题的部分。如果您遇到困难，请在 SO 上发布一个新问题并解释您到目前为止所做的尝试。