Uploaded April 2021 | Updated September 2026, 2 hours ago
In this video, we walk through adding sound effects and music to JavaScript games with Howler JS. We cover a few of Howler's features like looping, pausing, sound sprites, and more.
Howler is a fantastic library - I highly recommend trying it out for your JavaScript project!
Howler JS
howlerjs.com
Code from this video
codepen.io/punkydrewster713/pen/dd016f661860a4176246c5e2af791785
⭐️ Get early access to my full JS Game Dev course:
drew-conley-courses.kit.com/66eb6d3ff4
💬 Join our Discord community of people making video games:
discord.gg/umD2GRy
Timestamps:
00:00:00 Howler JS
00:00:32 Demo overview
00:01:20 Adding Howler
00:02:13 Defining a sound effect
00:03:23 Firing the sound effect
00:04:15 More config options
00:05:29 Firing another sound
00:06:00 Adding music
00:06:30 Autoplay gotcha
00:07:00 Music playing buttons
00:08:20 Check if music is playing
00:08:54 Stopping music
00:09:54 Sound sprites
00:10:55 Outro
Me on Twitter:
twitter.com/drewconley13
Danger Crew
thedangercrew.com
In this video, we walk through adding sound effects and music to JavaScript games with Howler JS. We cover a few of Howler's features like looping, pausing, sound sprites, and more.
Howler is a fantastic library - I highly recommend trying it out for your JavaScript project!
Howler JS
howlerjs.com
Code from this video
codepen.io/punkydrewster713/pen/dd016f661860a4176246c5e2af791785
⭐️ Get early access to my full JS Game Dev course:
drew-conley-courses.kit.com/66eb6d3ff4
💬 Join our Discord community of people making video games:
discord.gg/umD2GRy
Timestamps:
00:00:00 Howler JS
00:00:32 Demo overview
00:01:20 Adding Howler
00:02:13 Defining a sound effect
00:03:23 Firing the sound effect
00:04:15 More config options
00:05:29 Firing another sound
00:06:00 Adding music
00:06:30 Autoplay gotcha
00:07:00 Music playing buttons
00:08:20 Check if music is playing
00:08:54 Stopping music
00:09:54 Sound sprites
00:10:55 Outro
Me on Twitter:
twitter.com/drewconley13
Danger Crew
thedangercrew.com
![Im making an RPG about programmers... again... [Dev Log #1]](https://i.ytimg.com/vi/iVGKwWvRQiE/mqdefault.jpg "Im making an RPG about programmers... again... [Dev Log #1]
Ive been working on a new RPG game! Legacy Code Legends!
In this Dev Log, we take a look at the journey and iterations weve been through in creating the game so far. Well also talk about some planning strategies and tech stacks.
00:00:00 Legacy Code Legends
00:02:15 It was supposed to be easy...
00:04:15 Action RPG prototype
00:05:40 Planning in Figma
00:06:50 Tech Stack
00:08:20 Whats next?
🎮 Sign up for the demo here:
https://legacycodelegends.com/
💬 Join our Discord game development community:
https://discord.gg/umD2GRy
⭐️ Get early access to my full JS Game Dev course:
https://drew-conley-courses.kit.com/66eb6d3ff4
Our other games...
Danger Crew: https://store.steampowered.com/app/1064690/Danger_Crew/
Happy Grumps: https://store.steampowered.com/app/1109170/Happy_Grumps/
#devlog #indiegame
Twitter / X:
https://twitter.com/drewconley13
Be my friend on LinkedIn:
https://www.linkedin.com/in/drew-conley-a7865a29")
