• Friday , 24 January 2020

Build A Music App With Javascript Tutorial

Code Canyon



#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

3d Ocean

Related Posts

31 Comments

  1. Brian Shopboy
    November 15, 2019 at 18:49

    Make a Udemy video of these projects and I'll definitely support you Ed. What you're doing is priceless to me. Big up.

  2. Leni
    November 15, 2019 at 18:49

    ;*

  3. EE제이에스
    November 15, 2019 at 18:49

    when click one pad. How to stop other audio play?

  4. Naima khattak
    November 15, 2019 at 18:49

    LOVE FROM PAKISTAN……GREAT SIR…..I AM REALLY IMPRESS FIRST TIME FROM YOUR METHOD OF TEACHING

  5. Сергей Самарук
    November 15, 2019 at 18:49

    Why is it so simple? I thought you'll create the sounds via code.

  6. Sanjay yadav
    November 15, 2019 at 18:49

    14:22 I just realised that I am not only who often got in trouble js 😂😂😂

  7. Tips & Tricks
    November 15, 2019 at 18:49

    Thanks you so much. I have enjoyed in making tap music app with you.

  8. Jaime Rojas
    November 15, 2019 at 18:49

    Holy Moly that was pretty cool Ed! <3

  9. slavik simmer
    November 15, 2019 at 18:49

    presses this video
    visible confusion
    why

  10. Kofiy
    November 15, 2019 at 18:49

    – Music app with Javascript
    Editing a HTML

  11. Nico Robin
    November 15, 2019 at 18:49

    What a lovely guy with a gift of straightforward explanation.

  12. Nico Robin
    November 15, 2019 at 18:49

    Why vanilla? Excuse me I am a beginner.

  13. Pradeep Poonia
    November 15, 2019 at 18:49

    7k subscriber in april.
    154k subscriber in october!!

  14. ownprofilers
    November 15, 2019 at 18:49

    Amazing✨

  15. Fourtus
    November 15, 2019 at 18:49

    Very nice video! Helped me a lot!

  16. Adii Shukla
    November 15, 2019 at 18:49

    U real men dude thanks for this

  17. Nick Thomson
    November 15, 2019 at 18:49

    Thanks so much. That was really cool.

  18. prashant ujjainkar
    November 15, 2019 at 18:49

    this is very useful 🙂

  19. P. Petch
    November 15, 2019 at 18:49

    It look like you algorithms know what i want.

  20. Shriya Madan
    November 15, 2019 at 18:49

    You made it more interesting! Thanks a lot. You are a great teacher.

  21. Glenn Pineda
    November 15, 2019 at 18:49

    i love hoe you explain the functions of each code

  22. Learning Creation
    November 15, 2019 at 18:49

    You made me love coding

  23. Rainbow Asteroids
    November 15, 2019 at 18:49

    11:05 but they're all audio tags, why the added class? you could just select them with `document.querySelectorAll('audio')`…

  24. Himanshu Sharma
    November 15, 2019 at 18:49

    Hey can someone tell me where can i find these sounds I am Unable to download it from github

  25. Amit chaudhary
    November 15, 2019 at 18:49

    Supb 🤗🤗🤗🤗

  26. Anthony Kiiru
    November 15, 2019 at 18:49

    I love the color of the wall behind you.. So relaxing 🙂 Great video/tutorial too.

  27. Sailesh Thapa
    November 15, 2019 at 18:49

    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’

  28. numon taffader
    November 15, 2019 at 18:49

    Which code editor it is? Please

  29. Praveen Kumar
    November 15, 2019 at 18:49

    Bro your teaching with smile is awesome. Better understand …

  30. Rory Schram
    November 15, 2019 at 18:49

    How did he get all the base HTML to pop up in the beginning?

  31. Olga Rubleva
    November 15, 2019 at 18:49

    Thank you! Great tutorial, but honestly it was really too fast for me

Leave A Comment

You must be logged in to post a comment.