Cordova - Medien

Das Cordova Media Plugin wird zum Aufzeichnen und Abspielen von Audio-Sounds in Cordova-Apps verwendet.

Schritt 1 - Installieren des Media Plugins

Das Medien-Plugin kann installiert werden, indem der folgende Code ausgeführt wird command prompt Fenster.

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

Schritt 2 - Schaltflächen hinzufügen

In diesem Tutorial erstellen wir einen einfachen Audio-Player. Lassen Sie uns Schaltflächen erstellen, die wir benötigenindex.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>

Schritt 3 - Ereignis-Listener hinzufügen

Jetzt müssen wir Ereignis-Listener für unsere Schaltflächen hinzufügen onDeviceReady Funktion im Inneren 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);

Schritt 4A - Wiedergabefunktion

Die erste Funktion, die wir hinzufügen werden, ist playAudio. Wir definierenmyMediaaußerhalb der Funktion, da wir sie in Funktionen verwenden möchten, die später hinzugefügt werden (Pause, Stopp, VolumeUp und VolumeDown). Dieser Code wird in platziertindex.js Datei.

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

Wir können klicken PLAY Taste, um die Klaviermusik von der zu starten src Pfad.

Schritt 4B - Pausen- und Stoppfunktionen

Die nächsten Funktionen, die wir brauchen, sind pauseAudio und stopAudio.

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

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

Jetzt können wir den Klaviersound durch Klicken anhalten oder stoppen PAUSE oder STOP Tasten.

Schritt 4C - Lautstärkefunktionen

Um die Lautstärke einzustellen, können wir verwenden setVolumeMethode. Diese Methode verwendet Parameter mit Werten von0 zu 1. Wir setzen den Startwert auf0.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);
   }
}

Sobald wir drücken VOLUME UP oder VOLUME DOWN Wir können den Volumenwert um ändern 0.1.

Die folgende Tabelle zeigt andere Methoden, die dieses Plugin bietet.

S.No.	Methode & Details
1	getCurrentPosition Gibt die aktuelle Position eines Audios zurück.
2	getDuration Gibt die Dauer eines Audios zurück.
3	play Wird zum Starten oder Fortsetzen von Audio verwendet.
4	pause Wird zum Anhalten von Audio verwendet.
5	release Gibt die Audioressourcen des zugrunde liegenden Betriebssystems frei.
6	seekTo Wird zum Ändern der Position eines Audios verwendet.
7	setVolume Dient zum Einstellen der Lautstärke für Audio.
8	startRecord Starten Sie die Aufnahme einer Audiodatei.
9	stopRecord Beenden Sie die Aufnahme einer Audiodatei.
10	stop Stoppen Sie die Wiedergabe einer Audiodatei.