Hey there! Want to check out the live application I'm currently working on? Simply click this link: turbo_synth
This project is being developed using VueJS, however, the issue I've encountered does not seem to be related to Vue at all.
The problem: Everything seems to work perfectly fine except for certain combinations of notes. For example, try playing the keys Q, W, and then 2. You'll notice that the last note isn't being played or displayed as pressed, even though you can play Q, W, E, R, and Y simultaneously. So it doesn't appear to be a limitation issue, as I initially suspected?
The code: To make handling key events easier globally, I am utilizing vue-keypress.
Here's a snippet of the template section:
<template>
<div id="app">
<h1>Basic oscillator test</h1>
<label for="waveType">Choose a wave type:</label>
...
...
...And here's the list of available notes:
export let testBoard = {
'C3': { keycode: 81, freq: 130.81, class: 'white' },
...
...
...
'B4': { keycode: 77, freq: 493.88, class: 'white' }
}
I have also tested other piano projects created with Vue or different technologies, but a similar issue persists. I might be overlooking something crucial, but unfortunately, I haven't been able to find the required information yet.
Thank you in advance for any assistance!