📅  最后修改于: 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. |