Compare commits

..

No commits in common. "main" and "channels" have entirely different histories.

2 changed files with 11 additions and 10 deletions

View File

@ -16,8 +16,8 @@
</div> </div>
</div> </div>
<div id="buttons"> <div id="buttons">
<img src="/assets/svg/mute.svg" class="audio" id="mute" /> <img src="/assets/svg/mute.svg" class="audio" id="mute">
<img src="/assets/svg/menu.svg" class="menu" id="menu-button" /> <img src="/assets/svg/menu.svg" class="menu" id="menu-button">
</div> </div>

View File

@ -143,6 +143,7 @@ document.addEventListener("DOMContentLoaded", async () => {
client.removeAllListeners("close"); client.removeAllListeners("close");
client.on("data", (strike) => { client.on("data", (strike) => {
lastReceived = Date.now(); // Update the last received timestamp lastReceived = Date.now(); // Update the last received timestamp
resetTimeout(); // Reset the timeout on any data received resetTimeout(); // Reset the timeout on any data received
@ -239,18 +240,18 @@ document.addEventListener("DOMContentLoaded", async () => {
const playSound = (instrument) => { const playSound = (instrument) => {
if (interacted) { if (interacted) {
// const source = audioContext.createBufferSource(); // const source = audioContext.createBufferSource();
const samples = instrument.samples; const samples = instrument.samples;
const sampleKeys = Object.keys(samples); const sampleKeys = Object.keys(samples);
const numSamples = sampleKeys.length; const numSamples = sampleKeys.length;
const randomSampleNumber = Math.floor(Math.random() * (numSamples - 1)); const randomSampleNumber = Math.floor(Math.random() * (numSamples - 1));
// const randomKey = // const randomKey =
// sampleKeys[randomSampleNumber]; // sampleKeys[randomSampleNumber];
sendMidiMessage(instrument.midiChannelName, randomSampleNumber); sendMidiMessage(instrument.midiChannelName, randomSampleNumber);
// source.buffer = samples[`${randomKey}`]; // source.buffer = samples[`${randomKey}`];
// source.connect(gainNode); // source.connect(gainNode);
// source.start(); // source.start();
} }
}; };