jordanwhunter / guitar-amp

This guitar amp emulator web application uses an AudioNode interface for processing audio modulation. Simply plug your guitar into a correlating input, allow permissions for the app to access machine's audio, and begin playing! BiquadFilterNode implementation allows for equalizing treble, mid and bass frequencies, and GainNode integration acts as a volume control. Canvas, working in tandem with the AnalyserNode interface, provides a visualizer for sound waves when instrument is connected and outputting audio.

Turn Your Web Browser Into a Guitar Amp!

Built using React, this guitar amp emulator web application uses an AudioNode interface for processing audio modulation. Simply plug your guitar into a correlating input, allow permissions for the app to access machine's audio, and begin playing! BiquadFilterNode implementation allows for equalizing treble, mid and bass frequencies, and GainNode integration acts as a volume control. Canvas, working in tandem with the AnalyserNode interface, provides a visualizer for sound waves when instrument is connected and outputting audio. Start playing here.

For best results, audio interface hardware (an external sound card) is necessary. While the application will work using the machine's internal audio input, it is not recommended.

Table of Contents

• Installation
• Technologies
• Authors
• Roadmap
• Contributing
• License

Installation

This application was built with React. If initiating build, make sure to launch using npx create-react-app <project-name>.

If cloning to personal machine, open repository in terminal and cd into root folder. From there, run npm install to install all modules listed within the package.json.

To launch application after installation of dependencies, run npm run start.

Individual modules to be installed:

• gh-pages
  

Technologies

• React.js: front-end UI/UX JavaScript library
• jQuery: front-end JavaScript framework
• NPM [Node Package Manager]: dependency management
• CSS3: style sheet used for presentation within a markup language

Authors

Jordan Hunter

Roadmap

Future features to be implemented:

• Further develop gain addition to add overdrive emulation
• Include other effects to manipulate audio (phaser, chorus, reverb, delay, etc.)
• Latency improvement

Contributing

Star it. Clone it. Modify it. Submit a PR.
Fork it to your own repository, even. Keep yourself a copy and go wild.

License

^MIT

---

Questions?

For any questions, please contact me with the information below:

GitHub: @jordanwhunter
Email: Contact Developer