点击图片播放声音PHONEGAP

时间:2014-03-11 10:56:15

标签: javascript android image cordova onclick

我点击我的图片来调用playAudio()。我正在使用phonegap来做到这一点。

这是我的功能

   <script type="text/javascript" charset="utf-8">


        // Audio player
        //
        var my_media = null;


        // Play audio
        //
        function playAudio(src) {
            if (my_media == null) {
                // Create Media object from src
                my_media = new Media(src, onSuccess, onError);
            } // else play current audio
            // Play audio
            my_media.play();



        }





        // onSuccess Callback
        //
        function onSuccess() {
            console.log("playAudio():Audio Success");
        }

        // onError Callback 
        //
        function onError(error) {
            alert('code: '    + error.code    + '\n' + 
                  'message: ' + error.message + '\n');
        }


        </script>

这是我的形象

<input type="image" id="myimage" src="numb/equal.png" style="height:100px;width:100px;margin-top:0px" onclick="playAudio('/android_asset/www/Mobile/sound/'+ abc +'.mp3');"/>

点击此图片后,它应播放相应的mp3。但在我的控制台中,我得到的是“Media is Notined”

Here is the screenshot of the error

我该如何解决这个问题?

2 个答案:

答案 0 :(得分:2)

如果您使用的是Phoengap / Cordova,则不应将/android_asset/www/包含在mp3的路径中。您可以将/android_asset/www/文件夹视为&#39;上下文根&#39; - 所有相对URL将自动附加到它们。

所以只需将onclick="playAudio('/android_asset/www/Mobile/sound/'+ abc +'.mp3');"更改为 onclick="playAudio('./Mobile/sound/'+ abc +'.mp3');"它应找到音频的正确路径。

答案 1 :(得分:0)

我不会这样做。使用HTML5,您可以使用AUDIO TAG轻松播放音频文件。让你的javascript创建描述的元素并设置autoplay属性。