ng cordova media plugin stop方法不起作用

Question

我創建簡單的離子音頻應用程序。播放功能是正常工作但停止功能不工作。這是代碼請幫助解決這個這是控制器

 angular.module('starter', ['ionic', 'ngCordova']) .controller("ExampleController", function($scope, $ionicPlatform, $cordovaMedia, $ionicLoading) { $ionicPlatform.ready(function() { $scope.play = function() { var media = new Media(src, null, null, mediaStatusCallback); $cordovaMedia.play(media); }; $scope.pause = function() { media.pause(); }; $scope.stop = function() { media.stop(); }; var mediaStatusCallback = function(status) { if(status == 1) { $ionicLoading.show({template: 'Loading...'}); } else { $ionicLoading.hide(); } } }); }) 

這是html代碼：

  <ion-pane> <ion-header-bar class="bar-stable"> <h1 class="title">Ionic Blank Starter</h1> </ion-header-bar> <ion-content> <button class="button" ng-click="play('http://www.stephaniequinn.com/Music/Commercial%20DEMO%20-%2013.mp3')">Play from internet</button> <button class="button" ng-click="stop()">Stop</button> </ion-content> </ion-pane> 

Answer 1

您的媒體變量是本地的 。 所以在停止功能媒體是未定義或不相同。

此外，為什么你以不同的方式使用方法？ 我認為你應該使用相同的（例如media.play（）或$ cordovaMedia.stop（media）;如果可能的話）

Answer 2

您的變量var media超出了$ scope.pause和$ scope.stop的范圍。 嘗試在$ scope.play函數外面聲明它，就像這樣..

 angular.module('starter', ['ionic', 'ngCordova']) .controller("ExampleController", function($scope, $ionicPlatform, $cordovaMedia, $ionicLoading) { $ionicPlatform.ready(function() { var media = new Media(src, null, null, mediaStatusCallback); $scope.play = function() { $cordovaMedia.play(media); }; $scope.pause = function() { media.pause(); }; $scope.stop = function() { media.stop(); }; var mediaStatusCallback = function(status) { if(status == 1) { $ionicLoading.show({template: 'Loading...'}); } else { $ionicLoading.hide(); } } }); })