17.9: Sound Visualization: Graphing Amplitude - p5.js Sound Tutorial

Поделиться
HTML-код
  • Опубликовано: 19 окт 2024

Комментарии • 73

  • @mojibake.
    @mojibake. 8 лет назад +24

    Whoa! you've got some sweet moves right there

  • @Weckacore
    @Weckacore 5 лет назад +8

    I swear, I google how to do something and BOOM coding train has me covered

  • @attilathehamster6774
    @attilathehamster6774 6 лет назад +1

    Dancing as well...oh hell no. This has gone to a whole new level. Well done Mr. Shiffman; excellent.

  • @mdnasiruddin700
    @mdnasiruddin700 6 лет назад

    I tthink,you're not only a tutor here but also a awesome dancer.

  • @alessandrofalchi295
    @alessandrofalchi295 6 лет назад

    One of the hardest videos to listen to, but also one of the funniest to watch

  • @Jo-sw4uo
    @Jo-sw4uo 3 года назад

    thanks for getting 'this dot' stuck in my head, it's never gonna leave now 😂 jokes aside thanks for the great videos, as someone very new to p5.js i absolutely love the way you explain things and its helped me massively!

  • @SatyajitGhana7
    @SatyajitGhana7 6 лет назад +5

    The song.play() and song.pause() if called frequently by clicking that toggle button several time in Mozilla Firefox, actually just resets the song, and it starts from the beginning, i spent 4 freaking hours thinking this was some problem with my p5 library that i was using, then realised switching to chrome fixed the problem, dammit mozilla, i used to love you.

  • @ritikkhatri
    @ritikkhatri 6 лет назад +42

    Came for tutorial, stayed here for 4:09

  • @andreadiotallevi5780
    @andreadiotallevi5780 5 лет назад

    You have a great style, thank you for your videos! Keep on the good work

  • @FernandoLins
    @FernandoLins 6 лет назад +3

    Sick moves

  • @AkamiTenzuo
    @AkamiTenzuo 5 лет назад

    Your charisma is wonderful. I'm in love haha

  • @Vinomix
    @Vinomix 8 лет назад +5

    This guy is cool tho.
    Keep up the good work.

  • @RemixProf
    @RemixProf 8 лет назад +9

    Love the dance ! :)

    • @RemixProf
      @RemixProf 8 лет назад +2

      Now i am dancing too, damn it @Daniel Shiffman

  • @normanlee9462
    @normanlee9462 8 лет назад +2

    although I am able to transfer some of the knowledge from this series of videos, I don't yet use p5.js. do you have a video or plan to make a video for this same application in Processing?

  • @TheMrlolatu
    @TheMrlolatu 4 года назад

    This is epic! Do you think it's possible to trigger other sounds, based on their input frequency? I.e if a person said hello, we can trigger a sound wave response saying hi back, using this same framework?? I have a project in mind but just want to be sure!!

  • @lee_sung_studio
    @lee_sung_studio Год назад

    thank
    you

  • @parsmicrosystem8523
    @parsmicrosystem8523 3 года назад

    Thanks Man

  • @geraldl7172
    @geraldl7172 7 лет назад +1

    Good video but i still have a question is it possible to see the amplitude of any audio input without loading the mp3 file in the script?

  • @AtulSingh-xr5qc
    @AtulSingh-xr5qc 6 лет назад

    Hey Daniel, with p5, its pretty convenient to plot the amplitude within the range of 0 and 1. But in most of the systems, the amplitude is take from -1 to 1. Is that possible to do in p5? If not in p5, is there any other library in JavaScript which allows for such amplitude visualization?

    • @TheGBsXB
      @TheGBsXB 6 лет назад

      Just change the range of the amplitude:
      let vol = map(amp.getLevel(), 0, 1, -50, 50);
      let y = height / 2 + vol;
      So you can make sure that the graph is in the middle, good luck.

  • @aidenlee4346
    @aidenlee4346 5 лет назад

    I want to have Processing tutorial of this video. This video will be much more useful to me...

  • @ElBellacko1
    @ElBellacko1 3 года назад

    you flow with the beat

  • @johncerpa3782
    @johncerpa3782 8 лет назад

    Love this hahaha

  • @brauliocastillo9004
    @brauliocastillo9004 7 лет назад

    that song make me noise(ty)

  • @marwanberiich1
    @marwanberiich1 8 лет назад

    up
    to be continue #coding16 #codingRainbow_the_best

  • @Anonimousxz
    @Anonimousxz 7 лет назад

    Wow!!!! it is very cool!!!!

  • @sinomirneja771
    @sinomirneja771 7 лет назад

    I must be doing something wrong! the loading takes for ever(as far as I know literally.) The sound files should be in the same directory as index.html, and sketch? right?

  • @SmokingGummyBears
    @SmokingGummyBears 8 лет назад

    Nice!

  • @elmandibulas1605
    @elmandibulas1605 4 года назад

    you're a fucking genious!!! even dancing jauajauajauj 🤣😂🤣😂🤣

  • @PosiZach
    @PosiZach 7 лет назад

    Who made the this dot song? Where can I find it? Thanks!

  • @leali1200
    @leali1200 5 лет назад

    It couldn't load the file mp3: “There was no response from the server at 1.mp3. Check the url and internet connectivity.
    The error stack trace includes:
    loadSound ” ……

  • @c0mpuipf
    @c0mpuipf 8 лет назад

    Hello Daniel, I'm trying to follow along (I've tried to mess with the sound before but still had the same error).
    My console says that "the request status was 0 ()" and pointing to p5.sound:944. I have no idea how to fix it, I've even asked on github but no response so far
    EDIT: I FOUND THE PROBLEM: I use brackets and it has its own chrome browser; turns out that doesn't really work with chrome

  • @dileepkumar-xl3lv
    @dileepkumar-xl3lv 7 лет назад +3

    where we can download the song..
    so that i can make it as ringtone..😜😜

  • @victoriaharrison7705
    @victoriaharrison7705 6 лет назад

    How would you set correct syntax for audioIN rather than mp3 file?

  • @georgerm6704
    @georgerm6704 6 лет назад

    Any idea on what I need to use to capture if the sound is coming from one side or the other of the microphone? Example: microphone in the middle of a tennis table. I want to be able to recognise if the sound of the ball hitting the table came from the left or right side of the table.

    • @imacubsfan23
      @imacubsfan23 5 лет назад

      Maybe use 2 microphones? then take the difference of the two volume levels (which will be nearly the same), and whichever mic has the higher value (right mic or left mic), that mic is on the side the ball was hit at.

  • @ryderpham5464
    @ryderpham5464 8 лет назад +1

    How could i do all the stuff you're doing with sound using vanilla Javascript?

    • @AsifMehedi
      @AsifMehedi 7 лет назад +4

      I think you just have to write the code that they've already written for the p5.sound.js library. I'm curious why you want to do this.

  • @mdnasiruddin700
    @mdnasiruddin700 6 лет назад

    mp3 isn't working on my program I have done.why is this happen and what is the solution?
    please,explain.

  • @patxyz
    @patxyz 6 лет назад

    I'd love to warp/distort text on Processing, reacting to a mp3 file. Suggests? thanks *

  • @lin5977
    @lin5977 2 года назад

    create amp after soundFile, works wonder

  • @xgerbil3586
    @xgerbil3586 6 лет назад

    I'm trying to follow along in the tutorial, but when I try to play the song I get an error of: "Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https" even though the mp3 is in my filesystem. Anyone have an idea of what to do?

    • @TheCodingTrain
      @TheCodingTrain  6 лет назад +1

      Are you running a local server? It won't work without one. These workflow videos might help! ruclips.net/p/PLRqwX-V7Uu6Zu_uqEA6NqhLzKLACwU74X

  • @kippillustration
    @kippillustration 7 лет назад +1

    can't get how to create the same kind of wave from mic input

  • @worldofstrings
    @worldofstrings 8 лет назад

    i really dig that ellipse moving with the sound where can i get the code for that!!! cool

    • @TheCodingTrain
      @TheCodingTrain  8 лет назад +1

      ack, I forgot to upload the code. I will do so tomorrow, reply back and remind me if it's not there within 24 hours.

  • @evanclausse5638
    @evanclausse5638 6 лет назад

    var music;
    function preload(){
    music = loadSound('data/Back Against The Wall.mp3');
    }
    function setup() {
    createCanvas(200,200);
    music.play();
    }
    function draw() {
    background(0);
    }
    loading on local server why ?

    • @animatrix1851
      @animatrix1851 6 лет назад

      why are you not calling the preload() function

  • @zoieelser6967
    @zoieelser6967 4 года назад

    I don't know why I do have music successfully played, but the amplitude is zero..

  • @sanderhonig8276
    @sanderhonig8276 7 лет назад

    How do you move that graph to the left in proccesing?

  • @hiperesp
    @hiperesp 5 лет назад

    this. song :)

  • @121ayem
    @121ayem 7 лет назад

    i just recently downloaded processing and p5, but im not too sure how to run the code in the browser. im using visual studio btw

    • @121ayem
      @121ayem 7 лет назад

      @The Coding Train

    • @Goel25
      @Goel25 7 лет назад +1

      You can run a local server, by using "cd (path to file you want to run goes here)" and then running the command "python -m SimpleHTTPServer" in terminal on mac, and then go to localhost:8000

  • @sirhoneybadger5875
    @sirhoneybadger5875 6 лет назад

    Does anyone know how to play sound files because they won't load

  • @superarancio7555
    @superarancio7555 8 лет назад

    goooo

  • @mehmedkurtic4483
    @mehmedkurtic4483 7 лет назад

    Hi everybody, someone know how can i save juste one section from a sound ? like the first 2 seconds from a sound of 2 minutes ? Thanks for your help!!

    • @reecegriffith4864
      @reecegriffith4864 7 лет назад

      If you have a mac, it comes with garage bang where you can cut sounds, also, there should be some free software for windows online

  • @Flackon
    @Flackon 5 лет назад

    Is there a way to use p5js on its own namespace?

    • @TheCodingTrain
      @TheCodingTrain  5 лет назад

      Yes! Look for "instance mode" ruclips.net/video/Su792jEauZg/видео.html

  • @vijayraj6140
    @vijayraj6140 3 года назад

    Hi need a video on audio equaliser

  • @shrippie-4214
    @shrippie-4214 2 года назад

    No one ever goes over how to set up the html file and i'm bout to have a stroke xD

  • @dileepkumar-xl3lv
    @dileepkumar-xl3lv 7 лет назад +1

    CAN YOU WRITE A SCRIPT ON ,SOLAR SYSTEM .MEANS SUN EARTH,PLANETS MOVING..ETC

  • @goddersgaming2186
    @goddersgaming2186 6 лет назад

    10:53 I got trolled

  • @lee_sung_studio
    @lee_sung_studio Год назад

    7:53

  • @jornprenger7926
    @jornprenger7926 8 лет назад

    wow! 1388 views 68 likes and only 8 reactions? maybe one of my favourite youtubers will react to me?