从 Cordova 媒体插件上传录音

Question

我正在尝试上传使用 iOS 上的 Cordova 媒体插件录制的音频文件。音频文件已创建，我可以播放它们了。

但我找不到从文件系统上传录音的有效解决方案。我的录音代码是：

 record = new Media(src,
            // success callback
            function () {
                console.log("recordAudio():Audio Success");
            },

            // error callback
            function (err) {
                console.log("recordAudio():Audio Error: " + err.code);
            });

 // Record audio
 record.startRecord();
 //when finished
 record.stopRecord();

Answer 1

使用 FileTransfer 插件 https://github.com/apache/cordova-plugin-file-transfer/blob/master/doc/index.md。要安装：

cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-file-transfer.git

然后这样做

var ft = new FileTransfer();

var success = function (r) {
    // success code here
};
var fail = function (error) {
    // failure code here
    alert('File could not be uploaded');
};

options.fileKey = 'image'; // set the key for the server to know where the cotent is
options.fileName = '/myfile.jpg'; // location of your file
options.mimeType = "image/jpeg"; // mimeType

params.myParam = 'My Value'; // add other parameters if required

options.params = params;
ft.upload(fileURI, encodeURI('/path/to/my/post/handler'), success, fail, options);

Answer 2

我知道怎么做了：

在 iOS 上，您必须先添加 Cordova 文件系统插件才能创建新条目。

cordova plugin add org.apache.cordova.file

创建录音文件并设置全局变量fileURL和audioRecord:

    //Prepares File System for Audio Recording
    audioRecord = 'record.wav';
    onDeviceReady();

    function onDeviceReady() {
        window.requestFileSystem(LocalFileSystem.TEMPORARY, 0, gotFS, fail);
    }

    function gotFS(fileSystem) {
        fileSystem.root.getFile(audioRecord, {
            create: true,
            exclusive: false
        }, gotFileEntry, fail);
    }

    function gotFileEntry(fileEntry) {
        fileURL = fileEntry.toURL();
    }

开始和停止记录：

 record = new Media(audioRecord,
            // success callback
            function () {
                console.log("recordAudio():Audio Succes: ");
            },

            // error callback
            function (err) {
                console.log("recordAudio():Audio Error: " + err.code);
            });

        // Record audio
        record.startRecord();
        // Wait
        record.stopRecord();

要上传文件，您首先必须添加文件传输插件：

cordova plugin add org.apache.cordova.file-transfer

然后就可以调用这个方法上传记录了：

//Method to upload Audio file to server
var uploadAudio = function () {
    var win = function (r) {
        console.log("Code = " + r.responseCode);
        console.log("Response = " + r.response);
        console.log("Sent = " + r.bytesSent);
    }

    var fail = function (error) {
        alert("An error has occurred: Code = " + error.code);
        console.log("upload error source " + error.source);
        console.log("upload error target " + error.target);
    }

    var options = new FileUploadOptions();
    options.fileKey = "file";
    options.fileName = "recordupload.wav";
    options.mimeType = "audio/wav";

    var ft = new FileTransfer();
    ft.upload(fileURL, encodeURI("http://yoururl.com/uploadaudio.php"), win, fail, options);
}

要接收文件，您可以使用此 PHP 脚本：

<?php
// Where the file is going to be placed
$target_path = "records/";

/* Add the original filename to our target path.
Result is "uploads/filename.extension" */
$target_path = $target_path . basename( $_FILES['file']['name']);

if(move_uploaded_file($_FILES['file']['tmp_name'], $target_path)) {
    echo "The file ".  basename( $_FILES['file']['name']).
    " has been uploaded";
} else{
    echo "There was an error uploading the file, please try again!";
    echo "filename: " .  basename( $_FILES['file']['name']);
    echo "target_path: " .$target_path;
}
?>

从 Cordova 媒体插件上传录音

Upload Recording from Cordova Media Plugin

media

upload

record

cordova