Skip to content
A simple audio player created with Ionic 4+ / Angular 8+ (updated in Aug 2019)
TypeScript CSS HTML JavaScript
Branch: master
Clone or download
Latest commit ef3a2fd Aug 21, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
preview update in 2019 Aug 20, 2019
resources
src ios working Aug 20, 2019
.gitignore upgrading to ionic v4 Aug 20, 2019
.prettierrc android working again Aug 20, 2019
README.md update in 2019 Aug 20, 2019
angular.json upgrading to ionic v4 Aug 20, 2019
browserslist upgrading to ionic v4 Aug 20, 2019
config.xml ios working Aug 20, 2019
ionic.config.json android working again Aug 20, 2019
karma.conf.js upgrading to ionic v4 Aug 20, 2019
package-lock.json ios working Aug 20, 2019
package.json ios working Aug 20, 2019
tsconfig.app.json upgrading to ionic v4 Aug 20, 2019
tsconfig.json upgrading to ionic v4 Aug 20, 2019
tsconfig.spec.json upgrading to ionic v4 Aug 20, 2019

README.md

Ionic Audio Player (updated w/ Ionic v4 & Angular v8 in 2019)

This is a simple audio player created with Ionic 4+ / Angular 8+ (updated in 2019)

It features a play/pause button, skip back/forward buttons and a progress bar that displays the current position of the audio file. It also supports setting arbitrary positions using the progress bar.

The app will automatically download the speech I Have a Dream from the Internet and prep for playing. You'll have to have an actual Android or iOS device to use this app.

To peek into the code, feel free to clone the repo and navigate your way through. I think it's pretty straightforward.

To try it out, use the following commands to install the app on an actual device:

  • For Android devices: make sure you have a wired connection from your phone to your Mac/PC, then run ionic cordova run android --prod in terminal.
  • For iOS devices: make sure you have a Mac, and run ionic cordova prepare ios. Then use Xcode to open up the project and install it to your iOS devices.

Ionic Native Plugins

Support Platforms

  • Android
  • iOS

UI Preview

Android

android

iOS

android

GIF

demo

References

Thanks to the following posts and sources, I was able to come up with this solution:

Author

Created by Michael Xieyang Liu

Last updated: Aug 20, 2019

You can’t perform that action at this time.