vitaliy-bobrov / js-rocks Goto Github PK

View Code? Open in Web Editor NEW

162.0 7.0 21.0 6.95 MB

JS Rocks - Web Audio electric guitar effects and cabinets

Home Page: https://js-rocks.web.app

License: MIT License

JavaScript 0.53% TypeScript 70.77% HTML 11.83% SCSS 16.88%

webaudio effects guitar angular daw dsp

js-rocks's Introduction

JS Rocks 🤘

JS Rocks - Web Audio electric guitar effects and cabinets.

Available stompboxes 🎸

Tuners

JOSS Tuner JTU-3

Compressors

JOSS Lemon Squeeze JCP-1

Overdrives

JOSS Blues Driver JBD-2
JOSS OverDrive JOD-3

Distortions

JOSS Classic Distortion JDS-1
JOSS Metal Area JMT-2

Fuzzes

Ernesto-Saxophonist Massive Muff π

Choruses

JOSS Cool Chorus JCH-1

Phasers

TSX phase π/2

Tremolos

JOSS Tremolo JTR-2
Crazy Doctor Soft Yellow Tremolo

Delays

JOSS Delay JDM-2

Reverbs

JOSS Reverb JRV-6

Available amplifiers / cabinets 🔊

Captain JCM800
Friender Winner
Friender Bassman
Fox AC30
FranklinStein
MegaStorm
Yellow Submarine
Eagle Pro
Sandman 2204

Browsers support

Firefox	Chrome	Safari

Key shortcuts

Presets

Numeric keys shortcuts automatically created for first 9 presets.

1 - 9 -- Selects one of the first 9 custom presets 0 -- Selects default preset

Planned effects

Ernesto-Saxophonist Neon Clown (Chorus)
JOSS DS-1-4A
Tube Screamer

js-rocks's People

Contributors

Stargazers

Watchers

js-rocks's Issues

[CI] Lighthouse

Add configuration in .travis.yaml:

language: node_js
node_js:
  - 10 # use Node 10 LTS or later
before_install:
  - npm install -g @lhci/[email protected]
script:
  - npm run build # build your site
  - lhci autorun # run lighthouse CI
addons:
  chrome: stable # make sure you have Chrome available

[Audio] Add input device selection

[docs] Add travis build status badge in README

[UI] Show focus highlight only on keyboard navigation

It could be implemented after the browsers ship feature.
See https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible

[UI] Implement toast notifications

[UI] Add badge on "Presets" menu button with number of custom presets

Use Background Sync API

Use BG Sync API to share presets across devices

[a11y] Use type="button" aria-pressed="false/true" for toggle buttons

[Perf] Use selected svg icons instead full material design icon set

Add CONTRIBUTING.md file to add steps to contribute

[UI] Knobs drag/touch interactions

[Preset] Saving preset could load another preset during name edit

[PWA] What's new dialog

After a new version update show "What's new" dialog with basic info about new features/bug fixes

[UI] Show tooltips for controls on focus

See tooltip API https://material.angular.io/components/tooltip/examples

[Audio] Use ConstantSourceNode for LFO offset

[Audio] Tap tempo handler

Implement a tap tempo detector that estimates frequency in Hz

Presets default shortcuts

Make an auto shortcuts for presets with numeric key press (1-9), default preset should be assigned to 0

[Perf] Create subset for pedal labels font

Create a subset (only used characters) for the font used for pedals labels and serve it from the app instead gfonts CDN.

Check possible Media Session API usage

Check if it makes sense to implement Media Session API handlers.

Effect configuration form dialog

Non saved changes notification dialog

[a11y] Add codelyzer a11y checks

Add a11y checks based on https://web.dev/accessible-angular-with-codelyzer/

[Perf] Reduce async pipe subscriptions

Latency

Hii can anybody help me.

I'm using focusrite scarlet 2i2 audio interface. I got latency when using js-rocks on chrome or firefox, I think it's more than 50ms.

thank you :)

[UI] Fix DnD in multi row and vertical orientation cases

[UI] Add stompbox menu by category

As the number of effects growing it would be cool to group them by categories - Overdrive, Chorus, etc.

[Tuner] Cents indicator not moving

[UI] Use outlined form field in preset dialog

See field API https://material.angular.io/components/form-field/overview

[Audio] Implement wave parameter for tremolo effect

For now, tremolo has a fixed triangle sound wave, however, in the original stompbox, there is a wave knob that varies the oscillator wave shape from triangular to square (with trapezoid in the middle). Implement _createTrapezoidWave in /src/app/audio/effects/lfo.ts to generate this parameter and uncomment knob in tremolo component.