如何在移动 Chrome 应用程序中使用音频答案

【问题标题】：How to use Audio in a Mobile Chrome App如何在移动 Chrome 应用程序中使用音频
【发布时间】：2014-03-15 06:33:36
【问题描述】：

我的目标是在用户按下某个按钮时发出声音。

这在我的桌面和我的 Android 4.4 手机上的 Chrome 中工作，但是当我将它作为一个 cordova 应用程序启动时，音频停止工作。

<audio hidden='true' id='win-audio'>
  <source src='audio.mp3' type='audio/mpeg' />
</audio>

当点击事件发生时调用以下代码

document.querySelector('#win-audio').load();
document.querySelector('#win-audio').play();

我尝试使用<video> 标记代替（加载相同的mp3）。我也尝试过 ogg 格式，以防它是一个编解码器问题，但没有运气。

在 PhoneGap 上，人们使用媒体插件解决了这个问题 - 我宁愿使用 HTML5 音频正确地做到这一点，但如果这不可能，是否有移动 Chrome 应用程序的等价物？

【问题讨论】：

【解决方案1】：

在尝试了许多解决方案后，我发现我们可以使用 Cordova 媒体插件来替代 HTML5 音频支持的不足。

首先使用cca plugin add org.apache.cordova.media从项目目录中的命令行安装插件

接下来将以下行添加到您的 config.xml 文件中：

<plugin name="Media" value="org.apache.cordova.AudioHandler" />

然后您可以在 Javascript 中使用新的 Media 对象，如下所示：

var audio = new Media('/android_asset/www/path_to_your.mp3');
audio.play();

请注意，您必须发出 Cordova 期望的正确路径，该路径与代码所在的 Javascript 文件无关。以上内容适用于 Android，若要支持 iOS，请参阅：iOS Phonegap Media Object - How do I access a resource in the WWW folder?

【讨论】：