在 Chrome 中播放音频和流媒体问题答案

【问题标题】：Playing audio and streaming issues in Chrome在 Chrome 中播放音频和流媒体问题
【发布时间】：2016-05-18 18:22:08
【问题描述】：

我用JS做了一个音乐播放器。但是我注意到在 Chrome 中它不会加载某些歌曲，基本上是除了随页面加载的歌曲之外的任何歌曲。

使用检查工具，我注意到 http 请求处于“待处理”状态，并且从未加载轨道。即使歌曲在正确的文件夹中。如果我在浏览器中输入完整地址，歌曲是否播放：www.site.com/music/song.mp3 但它不会将其加载到音乐播放器中。我尝试从其他网站流式播放歌曲，Chrome 中的播放器完美运行，例如：https://media.rdjavan.com/media/mp3/Masih-Arash-AP-Be-Hame-Begoo.mp3。

上面的地址在播放器上运行良好，所以它是可流式传输的。

在 safari 中它工作正常，基本上它很慢，因为它必须下载歌曲但它可以工作。但在 Chrome 中，它保持状态并且永远不会加载。

我想知道它是否与 MIME 有关？还是我的代码必须对服务器做些什么？我已经在实际服务器和 Xammp 上尝试过它，并且两者都有相同的结果。我没有修复 htaccess，但它似乎与我的问题无关。

更新：我注意到 Chrome 加载目录的速度甚至很慢。例如，打开localhost/AudioPlayer/audio/ 需要很长时间的 chrome。所以我相信这与为什么我的音乐播放器不加载曲目类似的问题。

有什么想法吗？

【问题讨论】：

标签： javascript html audio mime-types audio-streaming

【解决方案1】：

jPlayer songs not loading correctly using MVC method

看看我在上面这个帖子中给出的答案。这可能是您的问题，也可能不是。

我的 chrome 和我的音乐播放器出现问题，您必须允许内容范围请求。

这些在其他浏览器中默认启用。它在 .mp3 url 中工作的原因是因为它使用默认的 <audio> </audio> 标签，我认为这些标签支持内容范围请求

【讨论】：

感谢您的帖子。我相信是这个原因。但是我无法了解该解决方案的工作原理，您能否解释您创建的类的主要部分或提供它作为应用它的示例？我找不到任何类似的解决方案来了解您的代码是如何工作的。
明天我在电脑前会好好看看。
那真的很有帮助。基本上为了在我的音乐播放器中发一首歌，我有一个音频对象，如@ 987654326和两行选择了新的曲目播放：audio.src = src; audio.play();我刚刚尝试更改内容范围请求here但是不行。无论如何，我认为这些信息可能会帮助您更多地了解问题。谢谢。
@TheGuy 你走在正确的轨道上，这些链接可能会有所帮助。我真的不知道 JS 能够为您提供更多帮助。我建议如果您仍然卡住，请再次发布此问题，询问如何允许内容范围标头。这次也发布您的音频代码。 stackoverflow.com/questions/15200266/…stackoverflow.com/questions/30330856/…