Now for my daily dose of computer magic :D

As a musician and a beginner coder, this is perfect for me - thank you so much for your awesome tutorials! (:

Welcome back! I always await your videos with bated breath. I love the originality of your chosen subjects.

Yes! Another Frank tut! Hey Frank, hope you're doing well. I finally have my work-provided computer (a Mac) so I've been playing around with the particles and animations. It's so much better than my other PC. I look forward to following through this video and learning more about the webAudio API. Thanks again for all your vids and great content!

!!! Just found you and all this insanity sir. I'm going to get proper lost in all this. Thank you for your passionate exploration and explanation.

Your way of explaining is really good! Concise but precise, in a easy to follow speed. You provide necessary information where needed, but only when needed. Also you clearly have a red line and a script which elemininates all the live coding slowdowns which occur in realtime tutorials. This is very well done!

i was waiting for your video 🔥

hands down the best tutorials on youtube, advanced but easy to follow through, Thank you!

so so so good. I LOVE this channel, man!

Dude this is epic. 💯% generative art. It's completely data driven.

I will say what we in the comments already know: You're the man, Frank. Your vids are a good Saturday Morning with Coffee routine! Excited to check this one out tomorrow.

Great work as always, following you and Radu, learning a lot with you! thank you so much guys!

Nice tutorial for beginners.

Hahaha i come from Radu's video and i said to him about the modules and now i see you said it, great to hear this, best way to get all together is with modules, you can setup easily a python http server.

I was waiting for your video from a month

Awesome as always. This was a far more entertaining way of learning about working with the microphone than reading some API documentation.

Frank this is awesome. Gonna try this sometime if I have time :D

Awesome video like always keep going ! Waiting for the next one

Just discovered this channel. These are great small projects. I wish you had a series or a big project for canvas because frankly there are very few out there

Thanks, with this help i will at least finish my project on codepen, a simple vtuber on javascript, many thanks!

who unliked this???? Awesome content Frank. Thank you

Very good as always Frank, congratulations and thank you for sharing!

Like before watching 👍

Frank! Great as usually!!!

New vid, nice!

this is super cool

Good work ❤

This is cool!!!

you guys are really really amazing really my jaw dropped

Que buen contenido tiene este canal!! Éxitos muy buen tutorial 👌!!

Great tut, u are amazing in teaching!

Need to make this for a feature I'm developing, clueless to say the last. Followed along and now I can create the equalizer. But I also need to make a expanding rounded Mic button react to volume change, was thinking of using CSS and scaling a absolutely positioned circle behind the original one depending on volume and then just fading it out using @keyframes. Do you have a better suggestion maybe? Would be much appreciated. P.S. Your teaching style is absolutely magnificent.

It is very supper cool tutorial

Nice now I am ready to make a dj ,lol

he's back 🤑

Assuming it was the KZfaq algorithm whom deleted my comment from days ago and not Frank (since it contained a jsfiddle link): you can achieve the "drawing" effect in the begging by using a combination of stroke-dashoffset, and stroke-dasharray to a number that makes the SVG invisible (e.g.: 2000/2000, depends on the image), then animate the stroke-dashoffset to 0, using CSS3.

very useful thank you

I do love easy javascript 🙋 It's been a while since I pop up here , hope , teach Franks is healthy and cool as usual , I have been learning parallax effect to implement it in my webpage design . A recent event , hit me btw , like school are giving way too complex coding stuff to children to do as soon as they teach them about loop , it's weird 🤔

Helpfull video! Btw small youtuber here!

this is 0 to sampleRate / 2 frequency range can you make a video how to adjust frequency range for example i need 10 bars in ( 0 to 250 ) hz range like this

Thanks for this amazing tutorial! Would you be able to change the audio source from Microphone to CaptureSystemAudio so you can have your computer audio output become the input for the visualizer?

Hello Frank, I'll start with a question: how can I export the visualizer + audio to a video (for example mp4)? This has been another awesome tutorial going into great depth and detail! Thank you so much!

Hi Frank. Love your tutorials so much. Is there a trick I'm missing on playing sound effects in my games. They always work just find on my PC, but NEVER on my ipad or iphone. Do you have a video that address this?

I could be wrong, but you say "unasigned" a few times. Do you mean to say "unsigned" instead? I've just never heard of "unasigned" for this type of number, but "unsigned" (ie, positive values 0 - 255) makes more sense to me.

Hello Mate ! i am thinking of making something like audio visualizer in various forms and also video visualizer but in the form of pixel or mosaic type , i haven't started but i am really excited to start it from scratch , i do have more functionalities and features to be discussed on , can we connect if u might help

Hi Frank, I'm new to Java and I thought following along would be great way to start to learn. However, I seem to have gotten stuck! I've gotten to the point to where you're we've bar1 to the animate function, but for some reason the bar isn't showing up (9:15). I've watched and rewatched your instructions, but I can't seem to find my mistake. Any advice would be supper helpful!

Hi, thanks for the tutorial. How to calculate the number of seconds (or say milliseconds) for which volume function calculated the average volume? I understand it depends on the the value of fft size, but difficult to figure out the span of time.. thanks!

Would there be anyway to take that (fftsize/2) in the for loop in the createBars function and set it to a range input so you could update the number of bars live? I've gotten it to work but I have to refresh the page each time for it to go through createBars() and animate() to update the number of bars. Thanks.

How can i add radio url?

Hi Frank, I received an error "Uncaught TypeError: Cannot read properties of undefined (reading 'getByteTimeDomainData')". I suspect it is because the const samples = microphone.getSamples() was called before the new Microphone() had finished initialising. Would you be able to advise how to resolve this?

Whenever I get to adding the .getVolume method at 46:20 it makes the entire visualizer disappear any ideas on where I went wrong?

Hello, just to try the catch I clicked refuse to the microphone permission, now I just get "NotAllowedError: Permission denied" over and over even if I refresh the page and cancel chrome history and cookies, how to make the page ask the permission again?

whenever i try and run this code it tells me that "analyser is not defined" when i open the browser, and the console has no array updates. any ideas what could be the problem?

Hi how are you bro I am thinking you are Topper in js with canvas

It didn't work on iOS. Has anyone had this problem?

I am struggling to understand am still new to javascript.

KZfaq #RETURNDISLIKE