Cordova - Media

Il plug-in multimediale Cordova viene utilizzato per registrare e riprodurre suoni audio nelle app Cordova.

Passaggio 1: installazione di Media Plugin

Il plugin multimediale può essere installato eseguendo il seguente codice in command prompt finestra.

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

Passaggio 2: aggiungere pulsanti

In questo tutorial, creeremo un semplice lettore audio. Creiamo i pulsanti di cui abbiamo bisognoindex.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>

Passaggio 3: aggiungere ascoltatori di eventi

Ora dobbiamo aggiungere listener di eventi per i nostri pulsanti all'interno onDeviceReady funzione all'interno 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);

Passaggio 4A - Funzione di riproduzione

La prima funzione che aggiungeremo è playAudio. Stiamo definendomyMediaal di fuori della funzione perché vogliamo usarlo nelle funzioni che verranno aggiunte in seguito (pausa, stop, volumeUp e volumeDown). Questo codice viene inserito inindex.js file.

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();
}

Possiamo cliccare PLAY pulsante per avviare la musica per pianoforte dal src sentiero.

Passaggio 4B - Pausa e interruzione delle funzioni

Le prossime funzioni di cui abbiamo bisogno sono pauseAudio e stopAudio.

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

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

Ora possiamo mettere in pausa o interrompere il suono del pianoforte facendo clic PAUSE o STOP pulsanti.

Passaggio 4C - Funzioni del volume

Per impostare il volume, possiamo usare setVolumemetodo. Questo metodo accetta parametri con valori da0 per 1. Imposteremo il valore iniziale su0.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);
   }
}

Una volta premuto VOLUME UP o VOLUME DOWN possiamo cambiare il valore del volume di 0.1.

La tabella seguente mostra altri metodi forniti da questo plugin.

S.No	Metodo e dettagli
1	getCurrentPosition Restituisce la posizione corrente di un audio.
2	getDuration Restituisce la durata di un audio.
3	play Utilizzato per avviare o riprendere l'audio.
4	pause Utilizzato per mettere in pausa l'audio.
5	release Rilascia le risorse audio del sistema operativo sottostante.
6	seekTo Utilizzato per cambiare la posizione di un audio.
7	setVolume Utilizzato per impostare il volume dell'audio.
8	startRecord Inizia a registrare un file audio.
9	stopRecord Interrompi la registrazione di un file audio.
10	stop Interrompi la riproduzione di un file audio.