vitaliy-bobrov / js-rocks Goto Github PK

View Code? Open in Web Editor NEW

161.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

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

[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.

[PWA] What's new dialog

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

[Audio] Tap tempo handler

Implement a tap tempo detector that estimates frequency in Hz

[Audio] Add input device selection

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

[Tuner] Cents indicator not moving

[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] 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

[Preset] Switch by keyboard num shortcut mutes sound

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

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

[UI] Use outlined form field in preset dialog

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

[Audio] Fix channel splitter / merger configuration to support stereo output

Create Tremolo - JTR-2

Loving the project, I wanted to have a go at making a Tremolo and after that will hopefully be able to help with more effects. I'll submit a PR when I've got it working

Try to migrate to standardized-audio-context

https://github.com/chrisguttandin/standardized-audio-context/

[a11y] Add codelyzer a11y checks

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

[docs] Add travis build status badge in README

Use Background Sync API

Use BG Sync API to share presets across devices

[UI] Normal font weight for stompbox name

use font-weight: 400 for stmpbox name.

Effect configuration form dialog

[Audio] Use ConstantSourceNode for LFO offset

Check possible Media Session API usage

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

[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] 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.