html - 如何在移动 Chrome 应用程序中使用音频

标签 html audio cordova android-webview google-chrome-app

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

这在我的桌面和我的 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 应用程序的等价物?

最佳答案

在尝试了许多解决方案后,我发现我们可以使用 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?

关于html - 如何在移动 Chrome 应用程序中使用音频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21804080/

相关文章:

php - 如何在url中使用echo

iPhone (iOS4) : is it possible to play music/sound during an active call?

ios - 如何在phonegap中隐藏ios滚动条

android - 从 assets/www 目录访问文件

html - 将视频元素的中心始终保持在浏览器的中心?

javascript - 有没有一种方法可以在 intro.js 中调用 thead 和 tdata

jquery - 以编程方式关闭 UL 列表

jquery - 将类添加到音频标签 “programmatically”吗?

c# - 如何将字节数组转换为没有标题C#的声音?

ios - 通过网络在离线模式下测试调试