html 音频不适用于 macbook 和 ios，但适用于 imac - 很奇怪

Posted 2023-02-25

【中文标题】html 音频不适用于 macbook 和 ios，但适用于 imac - 很奇怪

【英文标题】：html audio not working on macbook and ios, but works on imac -- weird

【发布时间】：2014-08-22 06:14:40

【问题描述】：

在这个网站上工作：http://dev.bobpassaro.com/david/

有一些 html 音频（使用 mp3）和用于控制器按钮的 js - 请参见页脚。在我的 iMac（运行 10.8.5）上它运行良好。在我的 Macbook (10.9.4) 上它不起作用。我在两者上都运行相同版本的 Chrome。在 Safari 和 Firefox 中也能获得相同的行为。

但真正奇怪的是：如果您转到“专辑”页面，则转到其中一张专辑（例如，康沃尔海）- 有简短的曲调样本- 还有 mp3。这些在两台机器上都按预期播放。页脚和专辑页面使用不同的模板，但控制音频的底层js是相同的代码。

我的 iphone 也会播放专辑页面上的样本，但不会播放页脚中的完整歌曲。完整的歌曲文件要大得多，但我不认为就是这样。

知道这里可能会发生什么吗？我觉得我错过了一些简单的东西——也许不是。

【问题讨论】：

能贴出相关代码吗？你应该有后备格式。

是的，我正在考虑添加 .ogg —— 在研究 时，看起来 .mp3 和 .ogg 将涵盖大多数能够处理音频的浏览器？

【参考方案1】：

音频文件的路径指向您的本地主机，我假设是您的 iMac。您需要将文件托管在服务器上，并将源更改为该位置的路径。你在哪里

<source src="http://localhost/david/wp-content/uploads/audio/cornish.mp3" type="audio/mp3">

您希望该 src 值成为服务器文件路径。

【讨论】：

噢！看。 “缺少一些简单的东西。”很抱歉不得不为那个人召集部队，但有​​时，拥有一双新鲜的眼睛是件好事。但这提醒我我应该使链接动态化。谢谢