加载页面（视图）时如何在 ionic 中播放音频 mp3

Question

我想在我的页面加载时在后台播放音频 mp3，所以如果我使用按钮单击，它可以工作，但如果我在我的控制器加载 $state 时尝试播放它，它就不起作用：

angular.module('starter', ['ionic','ngCordova'])

.run(function($ionicPlatform) {
  $ionicPlatform.ready(function() {

    if(window.cordova && window.cordova.plugins.Keyboard) {
      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
    }
    if(window.StatusBar) {
      StatusBar.styleDefault();
    }
  });
})
.controller("ExampleController", function($scope, $cordovaMedia) {

    $scope.play = function(url) {
        var my_media = new Media(url,
            function () {
                console.log("playAudio() : success");
           },
            function (err) {
                 console.log("playAudio() : : "+err);
           });
        my_media.play();
    };
   $scope.play('/android_asset/www/someAudio.mp3');
});

Answer 1

$scope.play 没有定义。您的意思是在 my_media 所在的位置定义一个函数吗？你需要稍微改变一下：

$scope.play = function(url) {
    var my_media = new Media(url,
        function () {
            console.log("playAudio() : success");
       },
        function (err) {
             console.log("playAudio() : : "+err);
       });
    my_media.play();
};

Answer 2

感谢您的帮助，答案是：

  $scope.play = function() {
      var mp3URL = getMediaURL("sounds/yourMp3AudioFile.mp3");
      var media = new Media(mp3URL, null, null, mediaStatusCallback);
      media.play();
   } 
   var mediaStatusCallback = function(status) {
       if(status == 1) {
           $ionicLoading.show({template: 'Loading...'});
       } else {
           $ionicLoading.hide();
       }
   }
   function getMediaURL(s) {
       var isAndroid = ionic.Platform.isAndroid();
       if(isAndroid) return "/android_asset/www/" + s;
       return s;
    }
   $timeout(function() {
       $scope.play();
   }, 1000);