Record audio from smartphone with Cordova

Question

I'm very new with Cordova, and I'm trying to create a very basic app to record audio from smartphone.

So I added the plugin cordova-plugin-media-capture using VS 2015.
Then, I copy/paste this full example from the doc :

<head>
<title>Capture Audio</title>

<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
//I just remove the following line in MY code, I don't know what it corresponds
<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>

However, when I run this code and click on "Capture Audio" button, I have the following result :

I also the following error in the console :

missing exec:Capture.captureAudio

TypeError: emulator[service][action] is not a function
at module.exports.exec (ripple.js:41)
at _capture (capture.js:52)
at Capture.captureAudio (capture.js:71)
at captureAudio (index.html:60)
at HTMLButtonElement.onclick (index.html:91)

I don't really understand where the problem is...

Thank you !

Phonolog · Accepted Answer · 2017-08-08T13:05:49.380

2

You're trying to test your app with the ripple emulator, which is just an emulator and does not simulate all device capabilities, such as recording an audio file. See also this answer.

Try using a real device to test your app.

Edit: I'm not sure if any emulator can actually capture sounds through your PC-hardware. The Android emulator for example can not.

The Android Emulator does not have the ability to capture audio, but actual devices are likely to provide these capabilities.

Taken from the adroid.developer.com MediaRecorder documentation

edited Aug 08 '17 at 13:05

answered Mar 07 '16 at 13:57

Phonolog

6,321
3
36
64

1

Thanks you for your answer. Do you know if another emulator (and which one ?) is able to connect to my PC's microphone to simulate the recording of an audio file ? – user2687153 Mar 07 '16 at 15:13
I'm not quite sure as I haven't tried... You will have to check out some posts like [this](http://stackoverflow.com/questions/20090128/is-it-possible-to-record-actual-sound-on-the-simulator-using-mic) here on SO or even better the documentation of the emulator you would like to use – Phonolog Mar 07 '16 at 15:30

Record audio from smartphone with Cordova

1 Answers1