Playing Audio in the Browser

About

In this module, you’ll get an introduction to the world of audio in web development. Learn to use the JavaScript Audio class along with the HTML <audio> element to craft dynamic, engaging audio experiences for web applications. Suitable for intermediate Javascript developers with an understanding of DOM manipulation, this module equips students with the skills to bring web projects to life with sound.

Content

Lesson Skills
Setup Setting up the development environment.
The Audio Class Using the Audio class to generate audio on click.
Using Event Bubbling Using event bubbling to make DRY-er code.
The Audio Element The Audio element and further learning.

References

📖 Reference Materials

Starter code

🟢 Starter code

Deployed site

🌐 Live Example