如何在phonegap应用程序中播放mp3文件?

时间:2016-08-07 10:49:02

标签: cordova phonegap-plugins phonegap-build

我有两种方法可以使用phonegap app在物理iPhone 6中播放mp3文件。一个是工作而另一个不工作。

我所拥有的环境如下:

  • PC with Windows 10
  • 物理iPhone 6
  • 从Apple应用商店下载的phonegap应用

第一个是使用cordova插件(不工作),mp3文件与index.html位于同一个文件夹中: 使用Javascript:

document.addEventListener("deviceready", statusbarAPI, false);

function statusbarAPI() {

    $(function(){
        var sourceToPlay = "01.mp3";

        function mediaStatus(status){
            $('#Duration').html(  Math.floor( media.getDuration() ) );            
            if(status === 0){
                $('#MediaOutput').html('Sorry no media!');
            }            
            if(status === 1){
                $('#MediaOutput').html('Loading...');
            }            
            if(status === 2){
                $('#MediaOutput').html('Playing...');
            }            
            if(status === 3){
                $('#MediaOutput').html('Paused...');
            }            
            if(status === 4){
                $('#MediaOutput').html('Stopped!');
            }  
        }   

        function mediaError(errorOBJ){
            $('#MediaOutput').html('There was a problem. Error code '+ errorOBJ.code );
        }

        var media = new Media( sourceToPlay, null, mediaError, mediaStatus );   

        $('#mediaPlay').on('touchend',function(){             
            media.play();   //does not play
        });     
    });
}

第二种不涉及使用html标签的cordova插件的方法(没有任何javascript) HTML代码:

<audio controls>
  <source src="01.mp3" type="audio/mpeg">  
</audio>

这与手机应用程序本身有关吗? (苹果应用程序商店中的那个)有人可以给我一个解决方案来播放本地mp3以使用适用于iPhone和Android设备的phonegap吗?

0 个答案:

没有答案