Skip to content

wengtad/angular-soundmanager2

 
 

Repository files navigation

AngularJs Music Player

Join the chat at https://gitter.im/perminder-klair/angular-soundmanager2

A music player made with SoundManager 2 API for AngularJs to play music files.

SoundManager 2 brings reliable cross-platform audio to JavaScript.

Requirements: AngularJS 1.2+

Features

* Simple to use (use of directives)
* Playlist support
* Soundcloud support
* Easy to understand and extend API

Usage:

install via bower:

bower install angular-soundmanager2

include required file:

dist/angular-soundmanager2.js

include the angularSoundManager as a dependency for your app.

angular.module('myApp', ['angularSoundManager'])

That's it -- you're done!

Advanced API documentation available here: http://perminder-klair.github.io/angular-soundmanager2/

Example demo

Take a look at files under examples directory for demo and how to create player using AngularJs directives.

Live demo

HTML5 Audio() Support

* 100% Flash-free MP3 + MP4/AAC where supported
* Compatible with Apple iPad 3.2, iPhone/iOS 4 and newer
* Fallback to Flash for MP3/MP4 support, as needed
* SM2 API is transparent; HTML5/flash switching handled internally
* HTML5 API support approximates Flash 8 API features
* Some other formats (WAV/OGG) supported via HTML5, depending on browser
* See "useHTML5Audio" property for implementation details

Why I created this

There are a couple projects similar to this out there, but none were ideal for me and none of them was using awesome API of SoundManager2.

Feel free to fork this project and amend it according to your needs. This is just an start point!

Development

Install dependencies

npm install

Run grunt to watch files to update dist

grunt

Credits:

Credit goes to Scott Schiller for his excellent SoundManager2.

License:

Licensed under the MIT license

About

SoundManager2 Music Player for AngularJs

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 97.2%
  • HTML 2.7%
  • CSS 0.1%