audio_analysis_with_meyda

template	thumbnail
true	./thumbnail.png

Name of the file

Level :

What does it do ? ✨

This template allow you to put any number of audio elements onto your page and analyse them in realtime using the meyda library.

What hardware is needed ? 💾 🔌

• something to listen to your audio like headphones maybe?

Software dependencies 🌈 📂

• Meyda.js but a frozen version (5.6) is prodived within the template

How to run ? 🚀

Any solution which let's you run a small webserver will do, such as :

• a "live server" extension for your editor
• copying this project inside of the "HTML, CSS, & JS" template of replit.com (or codepen, or codesandbox, etc...)
• a small webserver (like express, flask, cowboy, etc...)

No code for visualising the collected data as been provided in order to make the code lighter. Just open the devtools (F12) when you are on the page.

How to modify ? 🔩 🔨

• the audios present on the page are defined in index.html and stored inside of assets/audio.
• the main code is inside of script.js

Additional resources 📄 📗

• https://meyda.js.org/
• https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API (really not necessary but it has plenty of super interesting infos for advanced builders)