HTML5 音频标签在 Android 中不起作用答案

【问题标题】：HTML5 audio tag is not working in AndroidHTML5 音频标签在 Android 中不起作用
【发布时间】：2012-08-21 22:43:56
【问题描述】：

我为 android ics 创建了一个示例手机间隙应用程序。并且 index.html 有一个这样的音频标签。

<audio id="player1" controls preload><source src="media/track1.mp3" type="audio/mp3" /></audio>

我根本无法播放音频。我到处都看到堆栈溢出帖子，提到音频标签在 froyo 发布后会正常工作。但是，我正在姜胡子和 ICS 中对其进行测试，但它在任何地方都不起作用。

【问题讨论】：

查看浏览器支持的内容：html5test.com/compare/browser/android40.html
@NicholasAlbion: HTC Wildfires 和 HTC one V. 浏览器是默认的 android 浏览器
请注意，HTC 手机（可能是所有 Android 手机？）上的默认浏览器是不是 Chrome。 Chrome 支持 PCM、AAC、Ogg 和 WebM，默认浏览器不支持。
@NicholasAlbion：好的。对不起，我忘了说我正在使用 webview 来查看 html。

标签： android cordova

【解决方案1】：

由于编解码器许可问题和操作系统实施/支持，不同设备/操作系统之间的 HTML5 音频支持不一致。如果您只是播放 MP3 文件，您可以使用 PhoneGap 的 Media 类可靠地处理这些文件，它将在所有平台上提供一致且可靠的音频编程。

如果您希望能够预加载音频并拥有更高级的场景，如复音或分层（如视频游戏效果），您可以使用LowLatencyAudio PhoneGap 原生插件。

【讨论】：

【解决方案2】：

对此非常晚，但 type="audio/mp3" 是错误的 - 应该是 type="audio/mpeg"

话虽如此，Android 在播放 HTML5 音频方面仍然很糟糕 - 您需要在播放声音之前重置 src 属性（或者它们只会播放一次）并且它不能容忍多种文件类型（必需对于其他浏览器）。他们也不支持 WebAudioAPI

【讨论】：

【解决方案3】：

根据html5test.comAndroid 4 只支持音频标签中的mp3。

【讨论】：

你可以尝试完整地使用“controls”属性：controls="controls"
您正在播放的 mp3 是在 Android SD 卡中，还是托管在其他地方？
那么引用这些文件可能是错误的。在此处阅读更多信息：stackoverflow.com/questions/1209469/…

【解决方案4】：

希望我能早点回答一些发现。

以下似乎对我有用。 Android 似乎对哪个来源先出现非常敏感。所以我在第三行有“mp3”源并将它向上移动，所以它现在可以肯定地工作了。 controls=controls 是因为没有它 IE 11 似乎无法在普通 PC 上运行。我对此事的看法。必须在 ogg 中制作副本以便 Firefox 识别它。

<audio controls="controls">
<source src="/somefile.mp3" type="audio/mpeg"></source>
<source src="/somefile.ogg" type="audio/ogg">   
Your browser does not support the audio element.
</source></audio>

【讨论】：

嗨@moises，上面的代码有问题。它给了我错误，因为 [ERROR ->] 它应该是这样的-
只需从最后删除。

【解决方案5】：

您的 mp3 路径似乎不正确。如果此文件在 SD 卡上，则路径将类似于：

file:///sdcard/media/track1.mp3

【讨论】：

但我使用的是 html 标签。这也行。
@karthick 试试看。如果音频文件在 SD 卡上，则您为音频标签指定的当前路径将不起作用。我肯定知道。