Phonegap API Médias - Enregistrer et lire de l'Audio - Android

Je suis l'espoir d'enregistrer de l'audio et ensuite avoir la possibilité de le lire. Il est important pour moi d'être en mesure de personnaliser le dossier de l'interface.

Dans l'exemple ci-dessous après l'enregistrement-je obtenir une durée de -1 et aucun son n'est joué.

L'étape 1.
Ajouté Media Plugin

cordova plugin add org.apache.cordova.media

L'étape 2. Mon Code

Note src est "amr" comme l'a demandé de docs.

Les appareils Android enregistrer de l'audio dans Adaptive Multi-rate format. L'
fichier spécifié doit se terminer par un .amr extension.

Cependant, "myrecording.amr" n'existe pas dans mon fichier de structure que je suis en espérant qu'il sera créé.

Javascript

var data = {
  rec: ""
};
$scope.record = function(){
    console.log('record');
    var src = "myrecording.amr";
    data.rec = new Media(src,
    function() {
      console.log("recordAudio():Audio Success");
    },

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

    data.rec.startRecord();
}

$scope.stopRecording = function(){
    console.log('stop');
    data.rec.stopRecord();
}

$scope.playRecording = function(){
    console.log('play');
    data.rec.play();
}

$scope.logDuration = function(){
    console.log(data.rec.getDuration());
}

HTML

<button ng-click="record()">Record</button>
<button ng-click="stopRecording()">Stop Record</button>
<button ng-click="playRecording()">Play Record</button>
<button ng-click="logDuration()">Log Duration</button>

De Sortie À Partir De Ci-Dessus

Aucun son n'est joué, quand je clique sur jouer.

0     999846   log      record
1     001845   log      stop
2     002000   log      recordAudio():Audio Success
3     004657   log      play
4     008989   log      -1

Toute aide serait grandement appréciée. Laissez-moi savoir si je peux répondre à toutes les questions.

OriginalL'auteur Daniel Rasmuson | 2014-10-23

Voici mes étapes à suivre pour que cela fonctionne.

1. Exécutez ces commandes

ionic start RecordTest blank
ionic platform add ios
cordova plugin add org.apache.cordova.media

2. Créer `RecordTest/www/myrecording.wav`

3. Coller le code ci-dessous dans `RecordTest/www/index.html`

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title></title>
<link href="lib/ionic/css/ionic.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
<link href="css/ionic.app.css" >
-->
<!-- ionic/angularjs js -->
<script src="lib/ionic/js/ionic.bundle.js"></script>
<!-- cordova script (this will be a 404 during development) -->
<script src="cordova.js"></script>
<!-- your app's js -->
<!-- <script src="js/app.js"></script> -->
<script type="text/javascript" charset="utf-8">
//Wait for PhoneGap to load
//
document.addEventListener("deviceready", onDeviceReady, false);
//Record audio
//
function recordAudio() {
var src = "myrecording.wav";
var mediaRec = new Media(src, onSuccess, onError);
//Record audio
mediaRec.startRecord();
//Stop recording after 10 sec
var recTime = 0;
var recInterval = setInterval(function() {
recTime = recTime + 1;
setAudioPosition(recTime + " sec");
if (recTime >= 3) {
clearInterval(recInterval);
mediaRec.stopRecord();
mediaRec.play();
}
}, 1000);
}
//PhoneGap is ready
//
function onDeviceReady() {
recordAudio();
}
//onSuccess Callback
//
function onSuccess() {
console.log("recordAudio():Audio Success");
}
//onError Callback 
//
function onError(error) {
alert('code: '    + error.code    + '\n' + 
'message: ' + error.message + '\n');
}
//Set audio position
//
function setAudioPosition(position) {
document.getElementById('audio_position').innerHTML = position;
}
</script>
</head>
<body ng-app="starter">
<ion-pane>
<ion-header-bar class="bar-stable">
<h1 class="title">Ionic Blank Starter</h1>
</ion-header-bar>
<ion-content>
<title>Device Properties Example</title>
<!-- <script type="text/javascript" charset="utf-8" src="phonegap-1.4.1.js"></script> -->
<p id="media">Recording audio...</p>
<p id="audio_position"></p>
</ion-content>
</ion-pane>
</body>
</html>

4. Exécuter `ionic emulate ios`

Ci-dessus devrait fonctionner.

Remarque: l'extension des changements en fonction de la plate-forme que vous êtes en développement pour

Merci daniel!. Vous êtes sauvé la vie.
Salut, j'ai une question. Vous avez ajouté l'ios ici et pas Android. C'est donc sur ios enregistrement?
Ca a fonctionné pour android?
Je ne pense pas qu'il fonctionne sous android. Seulement .amr format est pris en charge lors de l'enregistrement.

OriginalL'auteur Daniel Rasmuson

Je suis en train de travailler avec quelque chose de similaire avec ionicframworkf et phonegap plugins.. je de constituer un Dossier d'Usine:

startRecord, stopRecord, playRecord et Sauvegarder l'enregistrement sur le serveur... C'est mon usine fichier:

 /**
* Record service
* @module record
* @author Claudio A. Marrero
* @class famvoice
*/
services.factory('$record', [
'$rootScope',
'$socket',
'$account',
function($rootScope, $socket, $account) {
var enumerator = 0;
var recordName = 'record-'+enumerator+'.mp3';
var mediaRec = null;
var OnCallback = null;
var OnAppendData = {};
/**
* Start a record
*
* @method startRecord
*/
function startRecord(){
enumerator++;
recordName = 'record-'+enumerator+'.mp3';
mediaRec = new Media(recordName,
function() {
},
function(err) {
});
mediaRec.startRecord();
}
/**
* Stop record
*
* @method stopRecord
*/
function stopRecord(){
mediaRec.stopRecord();
}
/**
* Stop record
*
* @method stopRecord
*/
function playRecord(){
mediaRec.play();
}
/**
* Get the name of the record
*
* @method getRecord
*/
function getRecord(){
return recordName;
}
/**
* Save the recorded file to the server
*
* @method save
*/
function save(callback,appendData){
OnCallback = callback;
OnAppendData = appendData;
window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, OnFileSystem, fail);
}
/**
* Callback for setting the file system to persistent.
*
* @method OnFileSystem
*/
function OnFileSystem(fileSystem){
fileSystem.root.getFile(recordName, null, OnGetFile, fail);
}
/**
* Callback for geting the file for disk
*
* @method OnGetFile
*/
function OnGetFile(fileEntry){
fileEntry.file(OnFileEntry, fail);
}
/**
* Callback for file entry, this get the file.
*
* @method OnFileEntry
*/
function OnFileEntry(file){
var reader = new FileReader();
reader.onloadend = function(evt) {
var image = evt.target.result;
var base64Data  =   image.replace(/^data:audio\/mpeg;base64,/, "");
base64Data  +=  base64Data.replace('+', ' ');
$socket.emit('playlists:file',{file:base64Data,name:recordName, token: $account.token(), info:OnAppendData},OnCallback);
};
reader.readAsDataURL(file);
}
/**
* When any process of saving file fail, this console the error.
*
* @method OnFileEntry
*/
function fail(err){
console.log('Error');
console.log(err);
}
/**
* Play record
*
* @method playRecord
*/
function playRecord(){
var mediaFile = new Media(recordName,
function() {
console.log("playAudio():Audio Success");
},
function(err) {
console.log("playAudio():Audio Error: "+err);
}
);
//Play audio
mediaFile.play();
}
return {
start: startRecord,
stop: stopRecord,
play:playRecord,
name:getRecord,
save:save
};
}]);

Mon projet est sur GitHub si vous voulez vérifier comment je mettre en œuvre cette usine:

https://github.com/cmarrero01/famvoice

Vous aurez besoin de caisse de la direction du développement.

J'espère que c'est ussesful pour vous. 🙂

PH: j'ai remarqué cette question sur codementor demande, mais je ne suis pas un bon anglais. 🙂

Je vous remercie beaucoup. J'ai jeté un coup d'oeil au cours de cette brève et quand je me plonge dans ce que je vais vous laisser savoir si cela a fonctionné. Vous êtes les meilleurs!
Votre accueil :). Vérifier mon projet sur githup, je suis sûr qu'il va usedfull pour vous. :).
Vous ne savez pas si l'opération est jusqu'à ce jour. Je ne vois que deux s'engage à l'intérieur de lui. "070c0dc Init apps, init serveur, la structure des dossiers. 0c3de11 Initiale s'engager." Toutefois, le fichier affiché ci-dessus est utile, je vais voir si je peux obtenir que le travail.
Salut Daniel, vous avez besoin de regarder le "développement" de la branche, je ne suis pas avoir assez de temps pour faire une version encore. Mais les actions d'enregistrement est de travailler sur cette branche. Cloner le repo, et de faire un git checkout de développement pour changer de direction.
Je ne sais pas pourquoi cela ne se produire pour moi. Je le vois maintenant. Je vous remercie. Je vais essayer ce soir.

OriginalL'auteur cmarrero01

Vous devez vous connecter pour publier un commentaire.

1. Exécutez ces commandes

2. Créer RecordTest/www/myrecording.wav

3. Coller le code ci-dessous dans RecordTest/www/index.html

4. Exécuter ionic emulate ios

2. Créer `RecordTest/www/myrecording.wav`

3. Coller le code ci-dessous dans `RecordTest/www/index.html`

4. Exécuter `ionic emulate ios`