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.
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
- 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
Jordan Hunter
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
Star it. Clone it. Modify it. Submit a PR.
Fork it to your own repository, even. Keep yourself a copy and go wild.
MIT
For any questions, please contact me with the information below:
GitHub: @jordanwhunter
Email: Contact Developer