📌  相关文章
📜  离子-科尔多瓦原生音频

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

此插件用于将本地音频声音添加到Ionic应用程序。

使用本机音频

为了能够使用此插件，我们首先需要安装它。打开命令提示符窗口，然后添加Cordova插件。

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

在开始使用此插件之前，我们将需要音频文件。为简单起见，我们将click.mp3文件保存在js文件夹中，但您可以将其放置在任何位置。

下一步是预加载音频文件。有两个可用选项，即-

  • preloadSimple-用于播放一次的简单声音。

  • preloadComplex-适用于将作为循环声音或背景音频播放的声音。

将以下代码添加到控制器中以预加载音频文件。我们需要先确保已加载Ionic平台，然后才能预加载音频文件。

控制器代码

$ionicPlatform.ready(function() {
   $cordovaNativeAudio
   .preloadSimple('click', 'js/click.mp3')
    
   .then(function (msg) {
      console.log(msg);
   }, function (error) {
      console.log(error);
   });

   $cordovaNativeAudio.preloadComplex('click', 'js/click.mp3', 1, 1)
    .then(function (msg) {
      console.log(msg);
   }, function (error) {
      console.error(error);
   });
});

在同一控制器中，我们将添加用于播放音频的代码。我们的$ timeout函数将在五秒钟后停止并卸载循环音频。

$scope.playAudio = function () {
   $cordovaNativeAudio.play('click');
};

$scope.loopAudio = function () {
   $cordovaNativeAudio.loop('click');

   $timeout(function () {
      $cordovaNativeAudio.stop('click');
      $cordovaNativeAudio.unload('click');
   }, 5000);
}

我们需要做的最后一件事是创建用于播放和循环播放音频的按钮。

HTML代码

当点击播放按钮时，我们将听到一次声音，而当您点击循环按钮时，声音将循环播放五秒钟，然后停止播放。此插件仅在模拟器或移动设备上有效。