17.8: Microphone Input - p5.js Sound Tutorial

References:

Related Coding Challenges:

Timestamps:
0:00 Introduction
1:03 AudioIn()
2:54 Create a mic variable
4:14 getLevel()
4:53 The volume numbers are very small
5:22 Use the sound level to visualize an ellipse
6:47 Outro

Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound

#sound #microphoneinput #p5js

[rosepkid]

Starting at Chrome 70 it seems like we need to add the following:
function touchStarted() { getAudioContext().resume(); }
because it requires some user interaction before the mic level starts working.
Love you Mr. Shiffman, you are very awesome and inspirational!

[elijahampumuza]

"Welcome to another video -about audio" :subscribed!

[npenewpatheconometrics]

These videos are fantastic. Thank you for posting them!

[HundredsScope]

amazing Video don't know why but your Tutorials are the best.

[rkkasotiya]

First time here. Subscribed ASAP. Loved this video and your style. Maintained the interest till the end.

[michaeledwardharris]

This episode is a true classic. Mainly bc of the hat.

[SmokeytheGhost]

How do I get P5.js to only take external microphone input?

[mohamedali-teee]

Is it possible to create an integrated voice chat, any voice chat rooms in currencies that the user ships to send gifts and rooms to a live camera similar to the application of Yala free voice chat rooms I asked many about the topic but they are unable

[electroGoal]

Is that possible to use microphone Jack as a ir input and decoding its code. If you have any idea please comment

[nacho]

i lovely the end dance hahaha, greetings from Argentina

[mojibake.]

I won't lie, I watched this video to find out why Daniel was wearing that tin hat.

[WistrelChianti]

I never realised it was possible to make a Tin Foil Hat in under 2 seconds!! =O

[Zarocksx]

(sry for my bad english) Hi Daniel, i have a questiion. I want to create a game who get multiple micro inputs for a school project. But for this i need to be able to receive informations from 4 microphones. Fo the moment i can take two audio onputs (via the stereo channel (left & right) )have you an idea how to do it? If i use an external soundcard can i get multiple audio.Line? the documentation who talk about audio.Line are very difficult to understand for me ^^
and thx your lessons are funny to learn :)

[rachelzimet]

You could probably combine this with a simple frequency analyser and some knowledge of sound stuff to create an even more realistic talking mouth (with overtones and stuff, idk exactly how it works)

[fauna_plants]

I tried to use it on a webpage I coded in dreamweaver, when I stream it on the browser It only shows the background. It does work in the j5.js online web code editor. The other two I made a iframe from and insert in the page will work. Could you say wat the problem is?

[sarahknight]

is it possible to record audio with responsive ellipses and then have it play back on repeat? thank you!

[mohamedabuelyouser]

hi Daniel how can i change the recorded voice and add effects to it, is their any library doing that. answer me plz

[smilebig]

what was the point of telling https and http? does it has some link?

[xesigndesign]

hello there. how can i change color of an ellipse or line for example by mic input?

ex : " var d = map(mic.getLevel(), 0, 0.5, 1, 50); "

for example, i cant assign the variable "d" for the color... because it only accepts numbers...
thank you

[sidharthramesh]

how can we access the mic and record without using any other libraries ?