离子 - 科尔多瓦媒体

---

该插件允许我们在设备上录制和播放音频文件。

使用媒体

与所有其他 Cordova 插件一样，我们需要做的第一件事是从命令提示符窗口安装它。

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

现在，我们准备好使用该插件了。在以下代码示例中，src是我们将在本教程中使用的源 mp3 文件。它放在js文件夹中，但是我们需要在它前面添加/android_asset/www/，这样它就可以在android设备上使用。

完整的功能包含在$ionicPlatform.ready()函数中，以确保在使用插件之前加载所有内容。之后，我们使用newMedia(src)方法创建媒体对象。媒体对象用于添加播放、暂停、停止和释放功能。

控制器代码

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

我们还将创建三个按钮来调用播放、暂停和停止功能。

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

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

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

我们需要在模拟器或移动设备上运行它才能使该插件正常工作。当用户点击播放按钮时，song.mp3将开始播放。

您可以在上面的示例中看到我们使用src作为选项参数。还有其他可选参数可用于newMedia方法。

可选参数

下表将显示所有可用的可选参数。

下表将显示所有可用的方法。

可用方法

下表将显示所有可用的方法。