AndrewJBateman / ionic-angular-audiorep

:clipboard: App to play audio files using audio library Howler, another great tutorial from Simon Grimm of Devtactic

⚡ Ionic Angular Audio Reproduction

• Ionic-Angular app to play mp3 audio files.
• Code from Simon Grimm - see 👏 Inspiration below, with updates & refactoring - e.g. use of ternery expressions. Updated to latest Ionic/Angular + dependencies. Strict mode enabled which required strict initialisation of properties, e.g. range, player to avoid errors.
• Note: to open web links in a new window use: ctrl+click on link

📄 Table of contents

• ⚡ Ionic Angular Audio Reproduction
  • 📄 Table of contents
  • 📚 General info
  • 📷 Screenshots
  • 📶 Technologies
  • 💾 Setup
  • 💻 Code Examples
  • 🆒 Features
  • 📋 Status & To-do list
  • 👏 Inspiration
  • 📁 License
  • ✉️ Contact

📚 General info

• Uses the Howler audio library to play mp3 files.

📷 Screenshots

📶 Technologies

• Ionic/angular v7
• Angular v16
• Howler v2

💾 Setup

• npm i to install dependencies
• To start the server on localhost://8100 type: 'ionic serve'
• To start the server on a mobile using Ionic devapp and connected via wifi, type: 'ionic serve --devapp'
• The Ionic DevApp was installed on an Android device from the Google Play app store.

💻 Code Examples

• home.page.ts function to toggle Howl player play and pause functions

    togglePlayer(pause: Boolean) {
    this.isPlaying = !pause;
    pause ? this.player.pause() : this.player.play();
  }

🆒 Features

• Howler audio library API defaults to the W3C Web Audio API and falls back to HTML5 Audio.

📋 Status & To-do list

• Status: Working
• To-do: Nothing

👏 Inspiration

• Simon Grimm 'How to Build a Simple Ionic 4 Audio Player'.

📁 License

• This project is licensed under the terms of the MIT license.

✉️ Contact

• Repo created by ABateman, email: [e-mail]