如何在PhoneGap / Cordova的onclick事件中播放声音?

时间:2015-04-07 09:25:29

标签: android cordova audio

我一直在寻找几个小时,但实际上我找不到答案,而且我找到的许多答案对我都不起作用。

我正在开发一个娱乐应用程序,其中有几个按钮并按下每个按钮,产生不同的声音。问题是我无法播放声音。我尝试了插件的一半,还有另一件事,我真的觉得我太迷茫哈哈了,我希望你能帮助我。我是这方面的初学者,所以任何意见/建议/帮助都非常受欢迎,真的。

这是我的config.xml:

<?xml version='1.0' encoding='utf-8'?>
<widget id="com.carlosmdnv.appname" version="1.0" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0"
    xmlns:gap="http://phonegap.com/ns/1.0">
    <name>App Title</name>
    <description>
        Description here.
    </description>
    <author email="contacto@carlosmdnv.com" href="http://www.carlosmdnv.com">
        Carlos Medina
    </author>
    <content src="index.html" />
    <access origin="*" />

    <icon src="www/img/icon.png"/>

    <gap:plugin name="org.apache.cordova.media" />
    <gap:plugin name="org.apache.cordova.core.Device"/>

   <feature name="Media">
        <param name="android-package" value="org.apache.cordova.AudioHandler" />
   </feature>
</widget>

我的index.js:

document.addEventListener("deviceready", function(){
    function playAudio(id) {
    var audioElement = document.getElementById(id);
    var url = audioElement.getAttribute('src');
    var my_media = new Media('/android_asset/www/' + url,
            // success callback
             function () { console.log("playAudio():Audio Success"); },
            // error callback
             function (err) { console.log("playAudio():Audio Error: " + err); }
    );
           // Play audio
    my_media.play();
});

我的index.html元素:

<div onclick="playAudio('successSound')"></div>
<audio id="successSound" src="mp3/sound.mp3" type="audio/mpeg"></audio>

提前感谢您的帮助!

0 个答案:

没有答案