sound.js | generate sound effects music for games | Audio Utils library

I added p5.sound.js as instructed, and assured it was in the correct place. I try to call:

I have been trying to make a music visualizer app using Vue and P5, and after tinkering with P5 using this article as my guide (https://medium.com/js-dojo/experiment-with-p5-js-on-vue-7ebc05030d33), I managed to get a Canvas rendered with some cool looking graphics.

Now, I am trying to create a link between the waveform/amplitude of a given song and the visuals rendered in the canvas. I have been trying to get the constructors/functions from the P5.sound library to load a song from a file path, and then use the output from a FFT object to control the visuals rendering in the canvas.

Now, my research has indicated that the P5 library must be run in instance mode in order to function (https://github.com/processing/p5.js/wiki/Global-and-instance-mode), and I have done my very best to adhere to this approach in my Vue project. But although the visual rendering works, none of the P5.sound functionalities do.

Here is the code to my model which sets up the P5 objects:

I'm working on a p5 project and I have an issue. When I'm trying to use my class name in my prototype I've an error ',' expected but I don't have any place where I can place one. Here are the files.

I want to play a sound if a selectbox value = 'x':

How can i split a stereo audio file (I'm currently working with a WAV, but I'm interested in how to do it for MP3 as well, if that's different) into left and right channels to feed into two separate Fast Fourier Transforms (FFT) from the P5.sound.js library.

I've written out what I think I need to be doing below in the code, but I haven't been able to find examples of anyone doing this through Google searches and all my layman's attempts are turning up nothing.

I'll share what I have below, but in all honesty, it's not much. Everything in question would go in the setup function where I've made a note:

I am attempting to center my sketch but I am having trouble doing so. I want my canvas to take up the entire screen on desktop and mobile and always have my sketch in the middle. What am I missing?

Before, I would just use

I am trying to build a simple app that plays a song when you press/click on the screen. Once you press/click a ripple effect will happen as well making a visual aspect to it.

The ripple should happen every time you press/click but in my code (restarts every time you click), you press and the ripple happens, but doesn't keep looping. I know the answer is on the tip of my tongue but I can't figure it out. Also, when my sketch loads, a purple box appears and I'm not sure why.

I'd like play background sound on react-native expo project. For this I used the expo-avlibrary. But I could not reproduce it and I got some error.

Error:

I have an html5 application that I have been working on. In the app, I want the j5 audio library to run AFTER the user has uploaded a file from their computer (because I want to use it to visualize the amplitudes on a canvas). However, I am confused about how I would go about solving this problem.

I need to import the item prior to preload, but the upload occurs only after the user has clicked the upload button. How can I understand this asynchronous problem?