Cordova - Médias

Le plugin multimédia Cordova est utilisé pour enregistrer et lire des sons audio dans les applications Cordova.

Étape 1 - Installation du plug-in multimédia

Le plugin multimédia peut être installé en exécutant le code suivant dans command prompt la fenêtre.

C:\Users\username\Desktop\CordovaProject>cordova plugin add cordova-plugin-media

Étape 2 - Ajouter des boutons

Dans ce tutoriel, nous allons créer un lecteur audio simple. Créons les boutons dont nous avons besoinindex.html.

<button id = "playAudio">PLAY</button>
<button id = "pauseAudio">PAUSE</button>
<button id = "stopAudio">STOP</button>
<button id = "volumeUp">VOLUME UP</button>
<button id = "volumeDown">VOLUME DOWN</button>

Étape 3 - Ajouter des écouteurs d'événements

Nous devons maintenant ajouter des écouteurs d'événements pour nos boutons à l'intérieur onDeviceReady fonction à l'intérieur index.js.

document.getElementById("playAudio").addEventListener("click", playAudio);
document.getElementById("pauseAudio").addEventListener("click", pauseAudio);
document.getElementById("stopAudio").addEventListener("click", stopAudio);
document.getElementById("volumeUp").addEventListener("click", volumeUp);
document.getElementById("volumeDown").addEventListener("click", volumeDown);

Étape 4A - Fonction de lecture

La première fonction que nous allons ajouter est playAudio. Nous définissonsmyMediaen dehors de la fonction car nous souhaitons l'utiliser dans des fonctions qui seront ajoutées ultérieurement (pause, stop, volumeUp et volumeDown). Ce code est placé dansindex.js fichier.

var myMedia = null;
function playAudio() {
   var src = "/android_asset/www/audio/piano.mp3";

   if(myMedia === null) {
      myMedia = new Media(src, onSuccess, onError);

      function onSuccess() {
         console.log("playAudio Success");
      }

      function onError(error) {
         console.log("playAudio Error: " + error.code);
      }
   }
   myMedia.play();
}

On peut cliquer PLAY pour démarrer la musique de piano à partir du src chemin.

Étape 4B - Fonctions de pause et d'arrêt

Les prochaines fonctions dont nous avons besoin sont pauseAudio et stopAudio.

function pauseAudio() {
   if(myMedia) {
      myMedia.pause();
   }
}

function stopAudio() {
   if(myMedia) {
      myMedia.stop(); 
   }
   myMedia = null;
}

Maintenant, nous pouvons mettre en pause ou arrêter le son du piano en cliquant PAUSE ou STOP boutons.

Étape 4C - Fonctions de volume

Pour régler le volume, nous pouvons utiliser setVolumeméthode. Cette méthode prend un paramètre avec des valeurs de0 à 1. Nous définirons la valeur de départ sur0.5.

var volumeValue = 0.5;
function volumeUp() {
   if(myMedia && volumeValue < 1) {
      myMedia.setVolume(volumeValue += 0.1);
   }
}

function volumeDown() {
   if(myMedia && volumeValue > 0) {
      myMedia.setVolume(volumeValue -= 0.1);
   }
}

Une fois que nous pressons VOLUME UP ou VOLUME DOWN nous pouvons changer la valeur du volume en 0.1.

Le tableau suivant montre les autres méthodes fournies par ce plugin.

S. Non	Méthode et détails
1	getCurrentPosition Renvoie la position actuelle d'un audio.
2	getDuration Renvoie la durée d'un audio.
3	play Utilisé pour démarrer ou reprendre l'audio.
4	pause Utilisé pour interrompre l'audio.
5	release Libère les ressources audio du système d'exploitation sous-jacent.
6	seekTo Utilisé pour changer la position d'un audio.
sept	setVolume Utilisé pour régler le volume de l'audio.
8	startRecord Démarrez l'enregistrement d'un fichier audio.
9	stopRecord Arrêtez l'enregistrement d'un fichier audio.
dix	stop Arrêtez la lecture d'un fichier audio.