Immersive 3D Audio and Visualization (three.js & javascript)

I'll show you how to integrate 3d positional sound in JavaScript and build an audio visualizer.

Support me on:

Follow me on:

Full source code for the project is available, so if you're interested in fiddling with the code, screwing around with it, or improving it.

Inigo Quilez's Site:

[phoenixxofficial]

As a creative and aspiring dev, watching your videos is a breath of fresh air in this oversaturated "11 things you shou..." YouTube meta
Gonna pick up some extra shifts at my job so I can buy your courses and support 🙏🏾
Thank you for the awesome content 💜 (and for showing people that JavaScript really isn't that bad 😂)

[SuperPicolin]

Please keep the three.js videos coming, I love to see how something mindblowing to me is a child game to others, very inspiring!

[robertwallace]

It is amazing how much sound impacts the feel of the world, great video as always

[kephas-media]

Three has an analyzer class? Nice, really helps those who don't have the time to fully embrace Web Audio API

[tonymasse]

Totally useless to me (i'm not coding 3d worlds), but absolutely awesome! :)
Your series about ThreeJS is brilliant. Please do keep going!

[covenantersoldier]

ahh oh my days, i used to work with babylon. truly do thank you simon.

Thanks for sharing, Simon. I really like the way you transform the Three.js docs in understandable concepts.

Please keep the good work. 🙏🏻

[sandwich]

Something a lot of positional sound systems get wrong is that the volume between what each ear hears isn't the only difference in the sound
there's the tiny delays between what one ear hears and what the other one does
plus there's things like how the EQ differs between ears depending on position, as well as how sound reflection is processed
our brains do an astronomical amount of work trying to make sure we know where a sound is coming from, so even going just part of the way there lets gives enough information for our brain to get the gist of what's going on without needing to replicate all the extra little bits

[glowiever]

wow threejs got 3d audio. meanwhile in c++ there's no hassle free and truly free 3d audio library

[TheMisieq]

This is simply amazing... Thanks for sharing!

[samuelkahunga]

great content, you are on the way up bro 👍

[robksawyer]

It'd be great to see some of your tutorials use React Three Fiber. Thanks again, rad stuff!

[tomerhertz]

firstly i absolutely love your tutorials ...some of the best i have encounter in the field (i come from ai / python)
if i can ask you to review your code, since when i try to run it, it gives just a black screen,

also you have a great voice, very relaxing to hear

[petebaron]

so many applications for the (coming soon) metaverse

[wolfmib]

hi nice work, does Three.js can embed video into the 3D world ? for example, 3D big Ed-shheran concert, and the audicance see the two big scrreen on the monitor ? thanks

[TitanNanoDE]

I'm really enjoying your videos, they are very informative and neatly condensed without any unnecessary fluff. Have you ever looked at the Godot engine? I'm asking because I really enjoy working with it and was wondering what you think about it.

[guialmachado]

Can you make a video showing the same content but with a moving object, like an online player walking and making the sound move through the scene? Gun fires would be amazing

[yilu]

excellent，is three have immersive skybox，such as cloud system。。。

[slowoh]

I hate how calming your voice is.... Can you just.... make Like I find myself staying up till 3am watching your videos anyway... lmao

[finalproject]

This is so good! Keep it up man! What's the name of the repo for the source code btw?