捕获音频并上传

时间:2013-07-06 10:02:57

标签: javascript audio cordova dropbox

我正在使用移动设备(iOS)。我使用HTML / CSS / Javascript开发混合应用程序。

我的代码基于Apache Cordova API

<!DOCTYPE html>
<html>
  <head>
    <title>Capture Audio</title>

    <script type="text/javascript" charset="utf-8" src="cordova-2.5.0.js"></script>
    <script type="text/javascript" charset="utf-8" src="json2.js"></script>
    <script type="text/javascript" charset="utf-8">

    // Called when capture operation is finished
    //
    function captureSuccess(mediaFiles) {
        var i, len;
        for (i = 0, len = mediaFiles.length; i < len; i += 1) {
            uploadFile(mediaFiles[i]);
        }       
    }

    // Called if something bad happens.
    // 
    function captureError(error) {
        var msg = 'An error occurred during capture: ' + error.code;
        navigator.notification.alert(msg, null, 'Uh oh!');
    }

    // A button will call this function
    //
    function captureAudio() {
        // Launch device audio recording application, 
        // allowing user to capture up to 2 audio clips
        navigator.device.capture.captureAudio(captureSuccess, captureError, {limit: 2});
    }

    // Upload files to server
    function uploadFile(mediaFile) {
        var ft = new FileTransfer(),
            path = mediaFile.fullPath,
            name = mediaFile.name;

        ft.upload(path,
            "http://my.domain.com/upload.php",
            function(result) {
                console.log('Upload success: ' + result.responseCode);
                console.log(result.bytesSent + ' bytes sent');
            },
            function(error) {
                console.log('Error uploading file ' + path + ': ' + error.code);
            },
            { fileName: name });   
    }

    </script>
    </head>
    <body>
        <button onclick="captureAudio();">Capture Audio</button> <br>
    </body>
</html>

我可以用它捕捉我的声音,并在理论上将其上传到

  

http://my.domain.com/upload.php

但我想知道如何调整此代码以便在我的Dropbox上传文件。是否可以像上传文件一样轻松上传文件?

1 个答案:

答案 0 :(得分:1)

正如@sinaneker所提到的,您可以使用PHP(或其他语言)在服务器端执行此操作。

但您也可以使用Dropbox的JavaScript库直接从JavaScript执行此操作:https://github.com/dropbox/dropbox-js