Getting Started
Explore setting up a new Ionic project integrated with Angular and Electron to build a functional MP3 player. Learn how to source free music, manage audio assets, and understand the basics of the Web Audio API to control audio playback and effects in your application.
We'll cover the following...
We'll cover the following...
Laying the foundations
As with prior case studies, let’s start by creating a new Ionic project, then move on to install the Electron platform and create the necessary Angular services for the app, all courtesy of the following command-line instructions:
ionic start audio-player blank --type=angular
cd ./audio-player/
npx cap init
ionic build
ionic generate service services/sound-manager
npm install @capacitor-community/electron --save-dev
npx cap add @capacitor-community/electron
Note: You can try running these commands in the terminal provided below.
Sourcing the music
With our foundation in place (albeit with no ...