Parameter value can be type number or string Value is between 0.0 and 1.0, refer to MDN. This method is a setter for the playbackRate property. This method is a setter for the volume property. You can force the autoplay using the autoplay parameter. If a song is already playing, it will change to the previous mediaElement, and autoplay it as soon as it's loaded. Goes to previous mediaElement if there is one in the playlist. If a song is already playing, it will change to the next mediaElement, and autoplay itas soon as it's loaded. Goes to next mediaElement if there is one in the playlist. Parameter selectivePlay type boolean, when this is true will be only played the specified track player.pause() If you playPause the same index twice it will alternate start and stop. Parameter selectivePlay type boolean, when this is true will be only played the specified track ayPause(, ) You can force to play a specific song using the index param. Parameter index type number, referring to the playlist index (0.playlist.length-1) NOTE: this is 0-based exactly as you refer to the elements of an Array. Internal function called from the below methods, can still be accessed directly if want to, if no parameter is provided just calls the load method (means it starts buffering). Parameter mediaElement type object, structure as specified above. It's recent news that media it's (probably) getting deprecated anyway Exposed Methods player.load() You can access those methods like this: angular.module( 'myApp').controller( 'M圜ontroller', function ( $scope) įor whoever wondering what media is: it's just a css media query, so the browser can pick which tag to load. That might be one of your specific controller, or, if you didn't define anyone, it will be $rootScope. What happens here: a variable called audio1 gets created on the scope bound to the controller that holds the tag. Then in the html: Player status: Playing Player status: Paused controller( 'M圜ontroller', function ( $scope). In your AngularJS application include in dependency injection mediaPlayer angular.module( 'myApp', ) This directive it's just a way to expose HTMLMediaElement properties and methods to an AngularJS application, so you have to use custom html and css in order to interface with the audio directive. The new documentation is on-going work, you can keep track of it being developed, but is not ready to be deployed yet.
WHAT IS NG MEDIA PLAYER INSTALL
Using bower: $ bower install angular-media-player Means support for this project is the same as: HTML5 audio draft, jQuery is not necessary, and DOM manipulation is done only with jqLite (IE9+)Īngular-media-player is html/css agnostic, meaning you can use it with your browser controls and default style, or bind the methods and properties in your own View How-to use it in your project What i really was looking for was a simple audio wrapper without the need to support browser which don't have audio tag support! I've come across a lot of players on the web, many using Flash, many being easy-to-use, almost none of them being compatible with AngularJS. There's an example of using it as audio player with playlist, and the project is definitely future-proof. I don't think it covers ALL the use cases but that is not the point, most of them are covered, and documentation is extensive. I am very happy of that, but this means it has higher contribution and testing requirements that I was expecting!įrom what I could see there's another valid (and quite customizable) project in the angular world: videogular This library has reached way more users than expected when I first developed it
AngularJS Directive that wraps or tag exposing methods and properties to manipulate your playerĮxamples on github pages: DEPRECATED: development stalled
0 kommentar(er)
