JavaScript Drum Kit Tutorial #1. Build a Drum Kit using JavaScript and Howler.js with Audio Sprites
16:04
YouTubeMusic and Coding
JavaScript Drum Kit Tutorial #1. Build a Drum Kit using JavaScript and Howler.js with Audio Sprites
In this little tutorial we will build a cool little drum kit using #JavaScript, HTML, CSS and Howler.js. We will make an #audiosprite for use in #Howler.js and we will jam like crazy! I hope you enjoy this video. Here's the Github repo where you can find the icon files etc.. https://github.com/musicandcode/drumkit Please like, subscribe and ...
7.5K viewsMay 1, 2020
Shorts
Browser Drum Kit 🥁✨ | HTML CSS JS #shorts
0:15
595 views
Browser Drum Kit 🥁✨ | HTML CSS JS #shorts
CodeHub Santanu
I Built a Drum Machine in JavaScript (Web Audio API) 🥁
0:58
234 views
I Built a Drum Machine in JavaScript (Web Audio API) 🥁
Creta Software
Drum Kit Lessons
10-Minute Beginner E-Kit Lesson (Learn To Play The Drums)
9:28
10-Minute Beginner E-Kit Lesson (Learn To Play The Drums)
YouTubeDrumeo
605.5K viewsAug 18, 2023
Drum Lessons #1: Learn Every Part Of The Drum Kit
0:36
Drum Lessons #1: Learn Every Part Of The Drum Kit
YouTubenendi Zakariya
967 views1 month ago
Learn Drums Lesson 01 - Introduction to the kit
13:47
Learn Drums Lesson 01 - Introduction to the kit
YouTubeMusicCollegeTV
181.8K viewsApr 10, 2013
Top videos
JavaScript Drum Kit Project (Beginner Web Dev)
1:40
JavaScript Drum Kit Project (Beginner Web Dev)
YouTubeCode Nowshh
396 views5 months ago
Make a JavaScript Drum Kit in Vanilla JS! #JavaScript30 1/30
19:39
Make a JavaScript Drum Kit in Vanilla JS! #JavaScript30 1/30
YouTubeWes Bos
462.1K viewsDec 12, 2016
JavaScript Drum Kit Tutorial | How to Add Event Listener to JavaScript
12:49
JavaScript Drum Kit Tutorial | How to Add Event Listener to JavaScript
YouTubeProgrammingKnowledge
3.8K viewsJul 17, 2023
Drum Kit Covers
Michael Jackson - Billie Jean | Piano & Drum kit Cover 🥁
0:12
Michael Jackson - Billie Jean | Piano & Drum kit Cover 🥁
YouTubePiano Fisher
2.8K views1 month ago
[600+] FREE DETROIT DRUM KIT 2026 | FREE DRUM KIT DOWNLOAD
6:48
[600+] FREE DETROIT DRUM KIT 2026 | FREE DRUM KIT DOWNLOAD
YouTubeD O P E K I T
4.3K views1 month ago
[670+] FREE GHETTO TRAP DRUM KIT 2026 | Free Drum Kit Download
6:50
[670+] FREE GHETTO TRAP DRUM KIT 2026 | Free Drum Kit Download
YouTubeD O P E K I T
10.8K views2 months ago
JavaScript Drum Kit Project (Beginner Web Dev)
1:40
JavaScript Drum Kit Project (Beginner Web Dev)
396 views5 months ago
YouTubeCode Nowshh
Make a JavaScript Drum Kit in Vanilla JS! #JavaScript30 1/30
19:39
Make a JavaScript Drum Kit in Vanilla JS! #JavaScript30 1/30
462.1K viewsDec 12, 2016
YouTubeWes Bos
Build a JavaScript Drum Kit in 10 Minutes 🥁 (Project)
1:46
Build a JavaScript Drum Kit in 10 Minutes 🥁 (Project)
12 views7 months ago
YouTubePythonic Bachelor
HTML CSS JavaScript Project - Drum Kits
35:37
HTML CSS JavaScript Project - Drum Kits
1.3K viewsOct 26, 2023
YouTubeCode With Sahand
Make an online drum kit! | HTML, CSS & JavaScript !
29:16
Make an online drum kit! | HTML, CSS & JavaScript !
727 viewsSep 3, 2023
YouTubeUbcodes
Build a Drum Kit on a Web Page | Beginner JQuery Tutorial
12:17
Build a Drum Kit on a Web Page | Beginner JQuery Tutorial
319 viewsMay 26, 2021
YouTubeFirst Code Academy
DrumKit: JavaScript based Musical Instruments
23:08
DrumKit: JavaScript based Musical Instruments
162 views10 months ago
YouTubeFree Zone
0:31
Create Drum Kit Using HTML | CSS | JS
670 viewsMar 19, 2023
YouTubeAll About Coding
0:15
Browser Drum Kit 🥁✨ | HTML CSS JS #shorts
595 views8 months ago
YouTubeCodeHub Santanu
58:59
Mini projetos javascript (iniciantes) - 04 DRUMKIT
14.2K viewsOct 20, 2020
YouTubeFernando Leonid
10:32
Let's Build A Drumset App With HTML, CSS and JavaScript Quick Tutorial
298 viewsSep 9, 2024
YouTubeQCT
0:58
I Built a Drum Machine in JavaScript (Web Audio API) 🥁
234 views6 months ago
YouTubeCreta Software
0:40
js kidding (drum kit in comments) #phonkagressive #flstudio #phonk #musicproducer
3K views3 months ago
YouTubeINFNX👾
24:30
Build ANY Drum Kit with this Free App!
454.2K viewsFeb 14, 2024
YouTube66Samus
0:47
[FREE DRUMKIT] hoodtrap/jerk drumkit (kashpaint, xaviersobased, tenkay)
115K viewsJan 8, 2024
YouTube808fixtake
0:41
slayr x prettifun x waera drumkit: arkived drumkit
1.1K views2 months ago
YouTubearkive13
22:40
How to Code a Drum Machine from Scratch with HTML, CSS & JavaScript | Step-by-Step Tutorial
214 viewsDec 3, 2024
YouTubeCodeGenWeb
6:18
🥵😱 EL PACK DE TRAP 👉🎁 *GRATIS* QUE NECESITAS | FL Studio 2025 | + 873 Professional Samples/MIDI
14.1K viewsApr 8, 2025
YouTubeEEY TM
14:47
Where To Find Free Drum Kits & Samples – All The Drum Sounds You Need and How To Use Them Like a Pro
16.8K viewsNov 22, 2024
YouTubeBandLab
39:28
9 great JSFX Instruments from Saike and Tilr
23.5K viewsNov 6, 2024
YouTubeThe REAPER Blog
2:25
Unleash your drumming potential with the PDP Mainstage Series – a complete, high-quality drum kit built for both practice and live performance. It’s everything you need to hit the stage running. Features: ✅Shells: 100% Poplar shells with 45-degree bearing edges for throaty attack, mellow tone, and balanced sustain. ✅Cymbals: Paiste 101 cymbal pack with 20" ride, 16" crash, and 14" hi-hats. ✅Hardware: Complete hardware pack includes single pedal, double-braced snare stand, hi-hat stand, cymbal st
2.3K viewsApr 18, 2025
FacebookJS Music
9:29
THESE are the BEST Drum Kits on the Internet
16.4K views11 months ago
YouTubeBusy Works Beats
2:29
FL Studio Music Production Course: How to Install Drum Kits (Lesson 2)
17.6K viewsOct 16, 2024
YouTubeListenUpJames
6:08
*FREE* The Best Drumkits Every Producer Needs In 2024 | Fl Studio Drums Tutorial
80.1K viewsMay 21, 2024
YouTubeFinnaFinesse
1:09:55
[ Alex 宅幹嘛 ] 👨‍💻 深入淺出 Javascript30 快速導覽：Day 1：JavaScript Drum Kit
31K viewsApr 10, 2019
YouTubeAlex 宅幹嘛
7:50
Top Free Drum Plugins for Natural, Unprocessed Sound
3.6K views1 year ago
YouTubeHome Studio Culture
24:03
Watch me make crazy drums on a fortnite plugg mel cause im js insane like that (bandlab goat lmao)
29 views4 months ago
YouTubeSlime ya twin
See more
Static thumbnail place holder

Short videos

1:40
JavaScript Drum Kit Project (Beginner Web Dev)
396 views5 months ago
YouTubeCode Nowshh
0:15
Browser Drum Kit 🥁✨ | HTML CSS JS #shorts
595 views8 months ago
YouTubeCodeHub Santanu
0:58
I Built a Drum Machine in JavaScript (Web Audio API) 🥁
234 views6 months ago
YouTubeCreta Software
0:40
js kidding (drum kit in comments) #phonkagressive #flstudio #phonk
3K views3 months ago
YouTubeINFNX👾
2:30
Play Doom inside Ableton Live?!Ableton Extensions let you add new features using
10.7K views1 month ago
YouTubeSide Brain
0:31
almost done with my konstrukt-8 drum kit build! #synth #modular #drumkit
4K views1 month ago
YouTubeDISKQ
4:27
Come try the all-new Roland V-Drums 5-Series at JS Music! Watch Jin soundcheck the kit
1.7K views6 months ago
FacebookJS Music
1:21
In this session, Ujang Exist brings the groove with a dynamic performance on both
2.1K viewsJun 17, 2025
FacebookJS Music
2:25
Unleash your drumming potential with the PDP Mainstage Series – a
2.3K viewsApr 18, 2025
FacebookJS Music
0:22
Smooth Drum Solo Mashup #SmoothDrumEdit #music #drumkit #drumming
22.5K views2 months ago
YouTubeDRUM TECH & BEAT EDITS
0:41
How to Load Drum Kits on MPC Sample
15.2K views2 months ago
YouTubeJae Freshmen
0:48
Short Drum Tutorial (Easy)🥁 #music #drumkit #drumming #드럼과스틱
5.2K views1 month ago
YouTubeDRUM TECH & BEAT EDITS
0:30
Drum Shorts – Practice This Beat🔥#music #drumkit #drumming #드럼과스틱
24K views2 months ago
YouTubeDRUM TECH & BEAT EDITS
0:29
Morad Drum Kit 2026, Morad Free Drum Kit, Morad Tutorial #moraddrumkit #juldrumkit
527 views4 months ago
YouTubeMorad Type Beats
0:25
How to make ANY beat style with ONE kit 🤯 (60% OFF) #sexyyreddrumkit
80 views1 month ago
YouTubeHYPE BEAT STORE II
1:42
New Jack Swing drumkit (Weapon X Evoultion Vol.2)
3.7K viewsJun 23, 2020
YouTubeJS aka The Best
0:54
🥁 Practice made simple, anywhere you go! The DW Go Anywhere Practice Pad Kit is
652 views11 months ago
FacebookJS Music
0:18
Beginner Drum Beat That Sounds Pro 🔥 #drummusic #drumkit #drumming
23.7K views1 month ago
YouTubeDRUM TECH & BEAT EDITS
0:52
Loved your Real Drum setup it turned out awesome! New kit Neon #realdrum #drums
3.3K views3 months ago
YouTubeKolb Apps - Real Drum Official
0:09
Mike Portnoy Drum Kit Demo | #shorts #drums #demo #mikeportnoy #dreamtheater
3.1K views2 months ago
YouTubeSam Paterson
Static thumbnail place holder