#javascript #webdevelopment #css
Today we are going to learn how to create a music app from scratch with vanilla javascript, css and html.
In this vanilla javascript project we are going to take a look at how we can implement an audio track and add different sounds to it.
This project is recommended for anyone interested in learning beginner web development projects/javascript projects from scratch.
📕 Things covered in this video:
– How to add sounds to the audio track
– How to play sounds in javascript
– Adding dynamic colors to our animations.
📔 Materials used in this video:
Starter Files: https://github.com/DevEdwin/vanilla-js-beatmaker
❤Become a patreon for exclusive videos and more!
https://www.patreon.com/dev_ed
🛴 Follow me on:
Twitter: https://twitter.com/deved94
Instagram: https://www.instagram.com/developedbyed/
Github: https://github.com/DevEdwin
🎵 Music:
Outro:
LAKEY INSPIRED – Me 2 (Feat. Julian Avila)
Music By: https://soundcloud.com/lakeyinspired
Intro:
Dj Quads
Track Name: “Every Morning”
Music By: Dj Quads @ https://soundcloud.com/aka-dj-quads
Creative Commons — Attribution-ShareAlike 3.0 Unported— CC BY-SA 3.0
http://creativecommons.org/licenses/b…
Original source
31 responses to “Build A Music App With Javascript Tutorial”
Make a Udemy video of these projects and I'll definitely support you Ed. What you're doing is priceless to me. Big up.
;*
when click one pad. How to stop other audio play?
LOVE FROM PAKISTAN……GREAT SIR…..I AM REALLY IMPRESS FIRST TIME FROM YOUR METHOD OF TEACHING
Why is it so simple? I thought you'll create the sounds via code.
14:22 I just realised that I am not only who often got in trouble js 😂😂😂
Thanks you so much. I have enjoyed in making tap music app with you.
Holy Moly that was pretty cool Ed! <3
presses this video
visible confusion
why
– Music app with Javascript
Editing a HTML
What a lovely guy with a gift of straightforward explanation.
Why vanilla? Excuse me I am a beginner.
7k subscriber in april.
154k subscriber in october!!
Amazing✨
Very nice video! Helped me a lot!
U real men dude thanks for this
Thanks so much. That was really cool.
this is very useful 🙂
It look like you algorithms know what i want.
You made it more interesting! Thanks a lot. You are a great teacher.
i love hoe you explain the functions of each code
You made me love coding
11:05 but they're all audio tags, why the added class? you could just select them with `document.querySelectorAll('audio')`…
Hey can someone tell me where can i find these sounds I am Unable to download it from github
Supb 🤗🤗🤗🤗
I love the color of the wall behind you.. So relaxing 🙂 Great video/tutorial too.
Thank god you talk too much, because of that I can understand it more deeply and moreover I can code it without watching video just listening to your voice.
P.S I watch your video full before trying ‘listen and code’
Which code editor it is? Please
Bro your teaching with smile is awesome. Better understand …
How did he get all the base HTML to pop up in the beginning?
Thank you! Great tutorial, but honestly it was really too fast for me