📜  离子-科尔多瓦媒体

📅  最后修改于: 2020-12-08 05:16:21             🧑  作者: Mango


这个插件使我们可以在设备上录制和播放音频文件。

使用媒体

与所有其他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();
      });
   });
}

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






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

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

可选参数

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

Parameter Type Details
mediaSuccess function Called after current play/record or stop action has completed.
mediaError function Invoked when there is an error.
mediaStatus function Invoked to show status changes.

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

可用方法

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

Method Parameters Details
newMedia(parameter1) src Returns media object that will be used for future methods. src is an URI of the audio content.
getCurrentPosition / Returns the current position within an audio file.
getDuration / Returns the duration of an audio file.
play / Used to start or resume playing.
pause / Used to pause playback.
stop / Used to stop playing.
release / Used to release audio resources.
seekTo(parameter1) milliseconds Used to set the playback position in milliseconds.
setVolume(parameter1) volume Used to change volume. Range is from 0 to 1
startRecord() / Used to start recording.
stopRecord / Used to stop recording.