Ionic - Cordova Media

Mit diesem Plugin können wir Audiodateien auf einem Gerät aufnehmen und wiedergeben.

Medien verwenden

Wie bei allen anderen Cordova-Plugins müssen wir sie zunächst über das Eingabeaufforderungsfenster installieren.

C:\Users\Username\Desktop\MyApp>cordova plugin add cordova-plugin-media

Jetzt können wir das Plugin verwenden. Im folgenden Codebeispiel:srcist die MP3-Quelldatei, die wir für dieses Tutorial verwenden werden. Es wird in platziertjs Ordner, aber wir müssen hinzufügen /android_asset/www/ davor kann es also auf Android-Geräten verwendet werden.

Die gesamte Funktionalität ist in der $ionicPlatform.ready()Funktion, um sicherzustellen, dass alles geladen ist, bevor das Plugin verwendet wird. Danach erstellen wir diemedia Objekt mit dem newMedia(src)Methode. Dasmedia Das Objekt wird zum Hinzufügen von Funktionen zum Abspielen, Anhalten, Stoppen und Freigeben verwendet.

Controller-Code

.controller('MyCtrl', function($scope, $ionicPlatform, $cordovaMedia) {
   $ionicPlatform.ready(function() {
      var src = "/android_asset/www/js/song.mp3";
      var media = $cordovaMedia.newMedia(src);

      $scope.playMedia = function() {
         media.play();
      };

      $scope.pauseMedia = function() {
         media.pause();
      };

      $scope.stopMedia = function() {
         media.stop();
      };

      $scope.$on('destroy', function() {
         media.release();
      });
   });
}

Wir werden auch drei Schaltflächen zum Aufrufen von Wiedergabe-, Pausen- und Stoppfunktionen erstellen.

<button class = "button" ng-click = "playMedia()">PLAY</button>

<button class = "button" ng-click = "pauseMedia()">PAUSE</button>

<button class = "button" ng-click = "stopMedia()">STOP</button>

Wir müssen es auf einem Emulator oder einem mobilen Gerät ausführen, damit dieses Plugin funktioniert. Wenn der Benutzer auf die Wiedergabetaste tippt, wird diesong.mp3 wird anfangen zu spielen.

Sie können im obigen Beispiel sehen, dass wir verwenden srcals Optionsparameter. Es gibt andere optionale Parameter, die für die verwendet werden könnennewMedia Methode.

Optionale Parameter

In der folgenden Tabelle sind alle verfügbaren optionalen Parameter aufgeführt.

Parameter	Art	Einzelheiten
mediaSuccess	Funktion	Wird aufgerufen, nachdem die aktuelle Wiedergabe- / Aufnahme- oder Stoppaktion abgeschlossen wurde.
mediaError	Funktion	Wird aufgerufen, wenn ein Fehler auftritt.
mediaStatus	Funktion	Wird aufgerufen, um Statusänderungen anzuzeigen.

Die nächste Tabelle zeigt alle verfügbaren Methoden.

Verfügbare Methoden

In der folgenden Tabelle sind alle verfügbaren Methoden aufgeführt.

Methode	Parameter	Einzelheiten
newMedia (Parameter1)	src	Gibt ein Medienobjekt zurück, das für zukünftige Methoden verwendet wird. src ist eine URI des Audioinhalts.
getCurrentPosition	/.	Gibt die aktuelle Position innerhalb einer Audiodatei zurück.
getDuration	/.	Gibt die Dauer einer Audiodatei zurück.
abspielen	/.	Wird verwendet, um das Spielen zu starten oder fortzusetzen.
Pause	/.	Wird verwendet, um die Wiedergabe anzuhalten.
halt	/.	Wird verwendet, um das Spielen zu beenden.
Freisetzung	/.	Wird zum Freigeben von Audioressourcen verwendet.
seekTo (Parameter1)	Millisekunden	Dient zum Einstellen der Wiedergabeposition in Millisekunden.
setVolume (parameter1)	Volumen	Dient zum Ändern der Lautstärke. Der Bereich reicht von 0 bis 1
startRecord ()	/.	Dient zum Starten der Aufnahme.
stopRecord	/.	Wird verwendet, um die Aufnahme zu beenden.