An audio player for Ionic 3 and Angular 5
npm install ionic-audioAn audio player plugin for Ionic that works out of the box in the browser and device using an underlying audio provider depending on the environment. When running inside the browser the plugin will default to a Web Audio provider, whereas on a device it will switch to Cordova Media if cordova-plugin-media is available, otherwise falls back to web audio.
_If you've found this project useful please consider donating to support further development. Thank you!_

Make sure you have Ionic and Angular installed.
```
npm install --save ionic-audio
For Ionic 3:
``
npm install --save ionic-audio@3.2.0
`typescript
import { IonicAudioModule, WebAudioProvider, CordovaMediaProvider, defaultAudioProviderFactory } from 'ionic-audio';
/**
* Sample custom factory function to use with ionic-audio
*/
export function myCustomAudioProviderFactory() {
return (window.hasOwnProperty('cordova')) ? new CordovaMediaProvider() : new WebAudioProvider();
}
@NgModule({
imports: [
IonicAudioModule.forRoot(defaultAudioProviderFactory),
// or use a custom provided function shown above myCustomAudioProviderFactory
]
})
export class AppModule {}
`
Import and inject AudioProvider where needed (optional):
`typescript
import {Component, Provider} from '@angular/core';
import { AudioProvider } from 'ionic-audio';
@Component({
templateUrl: 'build/pages/page1/page1.html'
})
export class Page1 {
myTracks: any[];
allTracks: any[];
constructor(private _audioProvider: AudioProvider) {
// plugin won't preload data by default, unless preload property is defined within json object - defaults to 'none'
this.myTracks = [{
src: 'https://archive.org/download/JM2013-10-05.flac16/V0/jm2013-10-05-t12-MP3-V0.mp3',
artist: 'John Mayer',
title: 'Why Georgia',
art: 'img/johnmayer.jpg',
preload: 'metadata' // tell the plugin to preload metadata such as duration for this track, set to 'none' to turn off
},
{
src: 'https://archive.org/download/JM2013-10-05.flac16/V0/jm2013-10-05-t30-MP3-V0.mp3',
artist: 'John Mayer',
title: 'Who Says',
art: 'img/johnmayer.jpg',
preload: 'metadata' // tell the plugin to preload metadata such as duration for this track, set to 'none' to turn off
}];
}
ngAfterContentInit() {
// get all tracks managed by AudioProvider so we can control playback via the API
this.allTracks = this._audioProvider.tracks;
}
playSelectedTrack() {
// use AudioProvider to control selected track
this._audioProvider.play(this.selectedTrack);
}
pauseSelectedTrack() {
// use AudioProvider to control selected track
this._audioProvider.pause(this.selectedTrack);
}
onTrackFinished(track: any) {
console.log('Track finished', track)
}
}
`
Add components to views:
` {{audio.title}} ⚬ {{audio.artist}}html`
The source code for Ionic 1.x
See http://arielfaur.github.io/ionic-audio/index.html for Demo and Installation
1. Fork it!
2. Create your feature branch: git checkout -b my-new-featuregit commit -am 'Add some feature'
3. Commit your changes: git push origin my-new-feature`
4. Push to the branch:
5. Submit a pull request :D
Thank you, [contributors]!
[contributors]: https://github.com/arielfaur/ionic-audio/graphs/contributors
* Ariel Faur @arielfaur
This project is licensed under the MIT License - see the LICENSE.md file for details