ios - 使用ngcordova下载后如何播放mp3文件

Question

我正在制作cordova应用程序，以从服务器下载mp3文件，然后将其存储到手机中，然后用户可以在本地播放它。

我下载mp3文件的代码如下所示

$scope.downloadFile = function(Filename){
        var fileTransfer = new FileTransfer();
        var uri = encodeURI("http://archive.org/download/Kansas_Joe_Memphis_Minnie-When_Levee_Breaks/Kansas_Joe_and_Memphis_Minnie-When_the_Levee_Breaks.mp3");
        var downloadPath = cordova.file.dataDirectory+'download.mp3';

        fileTransfer.download(
            uri,
            downloadPath,
            function(entry) {
                $scope.savepath = entry.toURL();
                alert("download complete: " + entry.toURL());
            },
            function(error) {
                alert("download error");
            },
            false,
            {
                headers: {
                    "Authorization": "Basic dGVzdHVzZXJuYW1lOnRlc3RwYXNzd29yZA=="
                }
            }
        );
    }//End DownloadFile

我从服务器上下载了mp3文件，并将其存储在iPhone中，名称为download.mp3。当我想播放它时，我使用文件路径 cordova.file.dataDirectory+'download.mp3'但出现错误，就像该应用找不到 download.mp3
这是来自xCode的日志

Unknown resource 'file:///var/mobile/Containers/Data/Application/F4G316AE-5BB2-3F1A-A65B-A84E3F7152AC/Library/NoCloud/download.mp3'

我想问你们是否有任何方法可以检查正确的文件路径或解决此问题的任何想法。

问候。

Answer 1

您需要从文件路径中删除“file://”

fileURL = fileURL.replace('file://','');

$scope.media = new Media(fileURL);

$cordovaMedia.play($scope.media);

/*
'file:///var/mobile/Containers/Data/Application/XXXXXXXXX/Library/NoCloud/download.mp3'
--> Unknown resource

'/var/mobile/Containers/Data/Application/XXXXXXXXX/Library/NoCloud/download.mp3'
--> play ok!
*/