use multiple promises $q to get media duration and position

v1.0.1

Author: Ariel Faur

CHANGELOG.md

@@ -0,0 +1,8 @@
+## v1.0.1
+
+- Use multiple promises for playback, track position and duration
+- Module is now independent from ngCordova and lives in its own namespace
+
+## v1.0.0
+
+- First release

README.md

@@ -15,31 +15,49 @@ media duration and position. It does so by using the `notify` method of the Defe
 <script src="js/cordovaMedia2.js"></script>
 ```
 
-## Inject `ngCordova` in your app's module
+## Inject `ngCordova.plugins.media2` in your app's module
 
-`angular.module('app', ['ionic', 'ngCordova'])`
+`angular.module('app', ['ionic', 'ngCordova', 'ngCordova.plugins.media2'])`
 
 ## Inject `$cordovaMedia2` in your controller:
 
 ```
     controller('MusicCtrl', ['$scope', '$cordovaMedia2', function($scope, $cordovaMedia2) {
+        var media;
+
+        document.addEventListener("deviceready", function() {
+            media = $cordovaMedia2.newMedia($scope.tracks[0].url);
+        }, false);
+
         $scope.playSomething = function() {
-            var url = 'song.mp3';
-            var media = $cordovaMedia2.newMedia(url);
+            media.getDuration().then(function(duration) {
+                console.log('media duration: ' + duration);
+            });
+
+            media.getCurrentPosition().then(function() {
+                console.log('finished playback')
+            }, null, function(position) {
+                console.log('position ' + position)
+            });
 
             media.play().then(function() {
                 // success
                 console.log('finished playback');
-                media.release();
-            }, function (err) {
-                // error
-                console.error(JSON.stringify(err));
-            }, function(data) {
-                // here we get progress in a JSON object
-                // {status: 0, position: 55, duration: 125} }
-
-                console.log(JSON.stringify(data));
+            }, null, function(status) {
+                console.log('status: ' + status);
             });
-        }
+        };
+
+        $scope.pauseSomething = function() {
+            media.pause();
+        };
+
+        $scope.stopSomething = function() {
+            media.stop();
+        };
+
+        $scope.$on('destroy', function() {
+            media.release();
+        });
     }])
 ```

bower.json

@@ -1,7 +1,7 @@
 {
   "name": "cordovaMedia2",
   "main": "cordovaMedia2.js",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "A rewrite of the $cordovaMedia class (ngCordova) that properly reports media position and duration using Promises",
   "devDependencies": {
     "angular": "~1.3.15"

cordovaMedia2.js

@@ -1,23 +1,24 @@
 /**
- * A rewrite of the $cordovaMedia class (ngCordova) that properly reports media position and duration using Promises
+ * A rewrite of the Media class from ngCordova that properly reports media position and duration using Promises
  *
  * Author: Ariel Faur
- * Version 1.0.0
- * Date 26/05/2015.
+ * Version 1.0.1
+ * Date 27/05/2015
  */
 
 // install   :      cordova plugin add org.apache.cordova.media
 // link      :      https://github.com/apache/cordova-plugin-media
 
-angular.module('ngCordova.plugins.media', [])
+angular.module('ngCordova.plugins.media2', [])
 
 .service('NewMedia', ['$q', '$interval', function ($q, $interval) {
-  var q, mediaStatus = null, mediaPosition = -1, mediaTimer, mediaDuration = -1;
+  var q = {}, mediaStatus = null, mediaPosition = -1, mediaTimer, mediaDuration = -1;
 
   function setTimer(media) {
       mediaTimer = $interval(function () {
           if (mediaDuration < 0) {
               mediaDuration = media.getDuration();
+              if (q.duration && mediaDuration > 0) q.duration.resolve(mediaDuration);
           }
 
           media.getCurrentPosition(
@@ -32,9 +33,8 @@ angular.module('ngCordova.plugins.media', [])
                 console.log("Error getting pos=" + e);
             });
 
-          if (angular.isDefined(q)) {
-              q.notify({status: mediaStatus, position: mediaPosition, duration: mediaDuration});
-          }
+          if (q.position) q.position.notify(mediaPosition);
+
       }, 1000);
   }
 
@@ -55,37 +55,44 @@ angular.module('ngCordova.plugins.media', [])
         function (success) {
             clearTimer();
             resetValues();
-            if (angular.isDefined(q)) {
-                q.resolve(success);
-            }
+            q.playback.resolve(success);
+            q.position.resolve(success);
         }, function (error) {
             clearTimer();
             resetValues();
-            if (angular.isDefined(q)) {
-                q.reject(error);
-            }
+            q.playback.reject(error);
+            q.position.reject(error);
         }, function (status) {
             mediaStatus = status;
-            if (angular.isDefined(q)) {
-                q.notify({status: mediaStatus, position: mediaPosition, duration: mediaDuration});
-            }
+            q.playback.notify(mediaStatus);
         });
   }
 
+  NewMedia.prototype.getCurrentPosition = function () {
+      q.position = $q.defer();
+      return q.position.promise;
+  };
+
+  NewMedia.prototype.getDuration = function () {
+      q.duration = $q.defer();
+      return q.duration.promise;
+  };
+
   // iOS quirks :
   // -  myMedia.play({ numberOfLoops: 2 }) -> looping
   // -  myMedia.play({ playAudioWhenScreenIsLocked : false })
   NewMedia.prototype.play = function (options) {
-      q = $q.defer();
+      q.playback = $q.defer();
 
       if (typeof options !== "object") {
           options = {};
       }
+
       this.media.play(options);
 
       setTimer(this.media);
 
-      return q.promise;
+      return q.playback.promise;
   };
 
   NewMedia.prototype.pause = function () {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "cordovaMedia2",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "A rewrite of the $cordovaMedia class (ngCordova) that properly reports media position and duration using Promises",
   "main": "cordovaMedia2.js",
   "scripts": {