Angular Synthesizer

Demo: synthesizer.petzka.com

Modular Synthesizer • Angular • Web Audio API • Web MIDI API • MIDI Device Detection • Local Storage

© 2019 - Moritz Petzka - petzka.com

This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License.

Frameworks		Links
Angular	Integration as Angular Module	WEBSITE DOCS
Angular Material	Uses Angular Material	WEBSITE DOCS
Web Audio API	Generate and modify audio in browser	INFOS
Web MIDI API	Use MIDI devices in browser	INFOS

Angular integration

To integrate this module in your Angular project:

Add import to app/app.module.ts

  imports: [
    SynthesizerModule
  ],

Load the Synthesizer component in your template ...component.html

 <app-synthesizer></app-synthesizer>

! Note: Angular Material has to be installed

Install Angular Material in your Project with: ng add @angular/material