Sound Visualizer in JS (Web Audio/P5.js/Shaders)

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 ธ.ค. 2024

ความคิดเห็น • 47

  • @RyanRampersad
    @RyanRampersad 5 ปีที่แล้ว +4

    This was a great video. I somehow found my way here after searching for information about making something just like this but in Rust. I think some comments below influenced those results. Thanks!

  • @unheilbar
    @unheilbar 4 ปีที่แล้ว +1

    I've spend the whole day reading devmozilla docs about web audio api and u just did this in 6 minutes((

  • @pokemongouci8295
    @pokemongouci8295 4 ปีที่แล้ว +6

    can share the code? i cant read the code as a whole project. the video was too fast for me.

  • @wildtiger670
    @wildtiger670 5 ปีที่แล้ว +1

    Love it! Glad you're still around making videos!

  • @hyper4306
    @hyper4306 5 ปีที่แล้ว +2

    lmao I don't know anything about js but still watching. Keep up the good work

    • @YouCodeThings
      @YouCodeThings  5 ปีที่แล้ว

      Glad you enjoyed it :) Cheers for the comment.

  • @YouCodeThings
    @YouCodeThings  5 ปีที่แล้ว +13

    A fun little JS project today :)

  • @calebb3359
    @calebb3359 5 ปีที่แล้ว +24

    Make it in RUST !
    If you want of course

    • @RadeRarebone
      @RadeRarebone 5 ปีที่แล้ว +6

      This looks like something that could be fun doing with Rust + Webassembly. :)

  • @renatajakubowicz9664
    @renatajakubowicz9664 5 ปีที่แล้ว +1

    So cool! I love the visuals!!

  • @Wizardhead
    @Wizardhead 8 หลายเดือนก่อน +1

    Totally using learnings from this video in my work, Andrew. Thanks! Would love to work on something insane together some day. ✌️

    • @YouCodeThings
      @YouCodeThings  8 หลายเดือนก่อน +1

      I bow to your AI skills. But working together would be awesome!

  • @nghokengdaniel839
    @nghokengdaniel839 5 ปีที่แล้ว +1

    WOW.... just WOW

  • @thebasicmaterialsproject1892
    @thebasicmaterialsproject1892 3 ปีที่แล้ว

    Great show

  • @Mempler
    @Mempler 5 ปีที่แล้ว +1

    This is entertaining me for some reason xD

  • @greggfineguitar
    @greggfineguitar 5 ปีที่แล้ว +1

    How did you enable the Web Audio Dev Tools in Firefox? I'm not seeing that option when I look in Firefox's settings. Have they done away with this option in the current version of Firefox?

    • @YouCodeThings
      @YouCodeThings  5 ปีที่แล้ว

      I think they may have deprecated and removed it >.

    • @greggfineguitar
      @greggfineguitar 5 ปีที่แล้ว

      @@YouCodeThings noooooooooo!

    • @YouCodeThings
      @YouCodeThings  5 ปีที่แล้ว

      @@greggfineguitar I feel ya!

  • @ep4sh
    @ep4sh 4 ปีที่แล้ว +1

    Amazing:)
    Do you have a roadmap for JavaScript (from zero to hero)? How can I learn it the best way?

  • @GerardoFerrari
    @GerardoFerrari ปีที่แล้ว

    just savage xD

  • @Jovo-fb4mb
    @Jovo-fb4mb 4 ปีที่แล้ว

    I’m wanting to create something similar, but I need it to read four track inputs in a daw and show the frequency of each track live. How could I go about that?

  • @Qors1314
    @Qors1314 4 ปีที่แล้ว

    @YouCodeThings
    Is there a way to analyze audio with the actual mp3 file?

  • @Orashi88
    @Orashi88 4 ปีที่แล้ว +1

    Is the source code posted anywhere on github?

  • @ezengondolkozom3700
    @ezengondolkozom3700 5 ปีที่แล้ว +7

    Oh shit that's what I'm trying to do in Rust but with OpenGL and raw X11 communication.
    In Python it would go like:
    import audio_spectrum_visalizer
    play()

    • @YouCodeThings
      @YouCodeThings  5 ปีที่แล้ว +4

      I will accomplish this with rust at some stage!

  • @avikaco
    @avikaco 5 ปีที่แล้ว +2

    I am looking for a library for karaoke scoring such as the Smule & WeSing app, do you know of a library like that?
    BTW, a very good tutorial.

    • @YouCodeThings
      @YouCodeThings  5 ปีที่แล้ว

      I unfortunately do not know of a library that can do that. Although that's super interesting.

  • @PremiumHowTo
    @PremiumHowTo 2 ปีที่แล้ว +1

    I will never understand how someone can use light mode on anything

  • @xaapt
    @xaapt 5 ปีที่แล้ว +5

    un be liv able, un- be- liev- able, unbelievable

  • @johnyepthomi2551
    @johnyepthomi2551 4 ปีที่แล้ว

    Subbed!!

  • @catorials444
    @catorials444 3 ปีที่แล้ว

    God I love OpenGL.

  • @mani98
    @mani98 5 ปีที่แล้ว +6

    This is insane we totally have similar interests (Rust, JS and Shaders 👌🏽❤️😭) . So glad I subscribed. Keep it up, your content is great!!

    • @YouCodeThings
      @YouCodeThings  5 ปีที่แล้ว +4

      Those are exactly my interests :P

  • @inferngamng1728
    @inferngamng1728 3 ปีที่แล้ว

    Can you make this in python?

    • @YouCodeThings
      @YouCodeThings  ปีที่แล้ว

      I cannot make this in Python! But I'm sure it's possible!

  • @kraftwerk28
    @kraftwerk28 5 ปีที่แล้ว +1

    AWESOME, but plz, can u migrate to linux (ubuntu or arch tho), but plz do not use those шindoшs?

    • @lucasoad399
      @lucasoad399 5 ปีที่แล้ว

      Essa droga deve ser uma religião.

  • @corpglory9185
    @corpglory9185 5 ปีที่แล้ว

    polar coordinates, bro

  • @ai_Doge
    @ai_Doge 5 ปีที่แล้ว +4

    How to code: copy paste from examples until something works

    • @YouCodeThings
      @YouCodeThings  5 ปีที่แล้ว +4

      The awkward moment when in the example it references where it was copy pasted from.

    • @ai_Doge
      @ai_Doge 5 ปีที่แล้ว +3

      @@YouCodeThings I sometimes even copy paste my old code, while thinking to myself how on earth did I come up with this.

  • @catorials444
    @catorials444 3 ปีที่แล้ว

    hmmm, calculus...