我的目标是在用户按下某个按钮时发出声音。
这在我的桌面和我的 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/