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
Internal
Prerequisites
- Intro to HTML
- Intro to the DOM
- DOM Events
Starter code
Solution code
Deployed sites
Course landing pages
Resources
Find a 👾 bug 👾 or have suggestions? Let us know!