bgins/coincident-spectra

A spectral-microtuning additive synthesizer

coincident-spectra's Issues

Experiment with 32 partials

The additive synth currently uses 16 partials. We may be able to get away with using 32 partials, which would create a richer sound and demonstrate partial retuning more effectively.

Try adding 32 spectra and listen for how the audio holds up. If it works, consider how this will change the UI. Do we display two tables with 16 partials side-by-side? One long table?

Upgrade to SvelteKit stable release

Summary

Problem

SvelteKit has released a 1.0.0, and we aren't using it.

Impact

No immediate impact, but moving to stable brings us forward past breaking changes.

Solution

Upgrade to latest SvelteKit stable release.

Add Get Started modal

Summary

Problem

Users do not have enough context to use the app on first use.

Impact

Users may be confused until they find the more information button that opens the guide.

Solution

Add a welcome modal that describes the app and informs the user how to use it. The modal should have a "Get Started" button that starts WebAudio and initializes the synth.

Improve MIDI device handling

The current MIDI implementation only detects the MIDI devices available at page load. The WebMIDI API has a MIDIConnectionEvent that we should be able to use to detect device connected and disconnected events.

Notes hang when the window loses focus

Summary

Problem

Notes can hang when the window loses focus and the user releases held notes.

Impact

Hung notes. The user has to pause and restart the audio to stop them.

Solution

The Page Visibility API may help in some cases like switching browser tabs, but will not work when a developer switches to another application and the browser window is still visible.

Window blur events might be a better overall solution.

Add more typings

We are missing types in a few places:

• src/lib/audio/audio.ts and src/lib/audio/additive-synth.js. Update these when Elementary types are available.
• src/lib/controllers/keyboard.ts, src/lib/controllers/midi.ts, and src/routes/index.svelte.

After updating types, remove ignores from .eslintignore and tighten the rules in .eslintrc.cjs.