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.4K 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 Music 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
588.9K viewsAug 18, 2023
Learn Drums Lesson 01 - Introduction to the kit
13:47
Learn Drums Lesson 01 - Introduction to the kit
YouTubeMusicCollegeTV
180K viewsApr 10, 2013
Drums Lesson 1 - Absolute Beginner? Start Here! [Free 10 Day Starter Course]
12:40
Drums Lesson 1 - Absolute Beginner? Start Here! [Free 10 Day Starter Course]
YouTubeStephen Taylor
614.4K viewsMar 12, 2025
Top videos
JavaScript Drum Kit Project (Beginner Web Dev)
1:40
JavaScript Drum Kit Project (Beginner Web Dev)
YouTubeCode Nowshh
391 views3 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
460.7K 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.7K viewsJul 17, 2023
Drum Kit Covers
TOP 21 DRUM COVERS on the MEGA KIT! My Biggest Drum Set EVER!
15:09
TOP 21 DRUM COVERS on the MEGA KIT! My Biggest Drum Set EVER!
YouTubeCOOP3RDRUMM3R
190.9K viewsJan 9, 2021
[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
1.3K views4 weeks ago
Eye of the Tiger - Drum Cover - Survivor
4:33
Eye of the Tiger - Drum Cover - Survivor
YouTubeCOOP3RDRUMM3R
43.1M viewsJan 16, 2017
JavaScript Drum Kit Project (Beginner Web Dev)
1:40
JavaScript Drum Kit Project (Beginner Web Dev)
391 views3 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
460.7K 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)
10 views5 months ago
YouTubePythonic Bachelor
Make an online drum kit! | HTML, CSS & JavaScript !
29:16
Make an online drum kit! | HTML, CSS & JavaScript !
715 viewsSep 3, 2023
YouTubeUbcodes
HTML CSS JavaScript Project - Drum Kits
35:37
HTML CSS JavaScript Project - Drum Kits
1.3K viewsOct 26, 2023
YouTubeCode With Sahand
HOW TO MAKE A DRUM KIT | Drumkit in JS | How to make DrumKit using Html,css ,Js |Audio IN JavaScript
45:31
HOW TO MAKE A DRUM KIT | Drumkit in JS | How to make DrumKit using Html,css ,Js |Audio IN JavaScript
5.8K viewsJan 5, 2021
YouTubeFreelancerHome
Mini projetos javascript (iniciantes) - 04 DRUMKIT
58:59
Mini projetos javascript (iniciantes) - 04 DRUMKIT
14K viewsOct 20, 2020
YouTubeFernando Leonid
5:02
ASMR Programming - JavaScript Drum Kit -
16 views8 months ago
YouTubeClikClak
23:08
DrumKit: JavaScript based Musical Instruments
162 views8 months ago
YouTubeFree Zone
0:15
Browser Drum Kit 🥁✨ | HTML CSS JS #shorts
595 views6 months ago
YouTubeCodeHub Santanu
22:50
How to make a drum using HTML , CSS ,JS
4 views4 months ago
YouTubeCODE WITH HAMDAN
47:27
Create Drum Kits by JavaScript - انشاء عدة الطبول بواسطة جافا اسكريبت
119 viewsFeb 13, 2023
YouTubeMohamed Nabih
10:32
Let's Build A Drumset App With HTML, CSS and JavaScript Quick Tutorial
298 viewsSep 9, 2024
YouTubeQCT
7:52
Free AI drums generation on your computer. Neural Drumkit Lite.
1.4K viewsJun 17, 2024
YouTubeTineidae
FREE electronic drums for REAPER - Saike Dum Drums DD-101 JSFX
14:57
Find in video from 01:09Presets and Controls
FREE electronic drums for REAPER - Saike Dum Drums DD-101 JSFX
7.8K viewsAug 9, 2023
YouTubeThe REAPER Blog
0:58
I Built a Drum Machine in JavaScript (Web Audio API) 🥁
234 views4 months ago
YouTubeCreta Music Software
22:40
How to Code a Drum Machine from Scratch with HTML, CSS & JavaScript | Step-by-Step Tutorial
214 viewsDec 3, 2024
YouTubeCodeGenWeb
24:30
Build ANY Drum Kit with this Free App!
441.2K viewsFeb 14, 2024
YouTube66Samus
4:27
Come try the all-new Roland V-Drums 5-Series at JS Music! Watch Jin soundcheck the kit and see why it’s next-level fun. Swing by JS Music and play it yourself! #RolandVDrums #VDrums5Series #ElectronicDrums #DrumLife #JSMusicMY #DrumDemo #TeamJSMusic | JS Music
1.7K views4 months ago
FacebookJS Music
39:28
9 great JSFX Instruments from Saike and Tilr
21.9K viewsNov 6, 2024
YouTubeThe REAPER Blog
9:29
THESE are the BEST Drum Kits on the Internet
13.3K views9 months ago
YouTubeBusy Works Beats
13:50
Add your own drum kit to Bandlab
4.9K viewsMay 3, 2025
YouTubeIbandUK
13:03
How to make your CHEAP E-kit sound PRO!
18.1K viewsAug 10, 2024
YouTubeCOOP3RDRUMM3R
1:16
[DRUM KIT] jssr x lawsy x 90s rnb drum kit / prod. 48glock
11K viewsNov 11, 2022
YouTube48glock
1:21
JS Sound Check session by Ujang Exist
2.7K views11 months ago
YouTubeJS Music MY
12:17
Build a Drum Kit on a Web Page | Beginner JQuery Tutorial
319 viewsMay 26, 2021
YouTubeFirst Code Academy
35:00
(JavaScript in Arabic) - Create Virtual Drum Game Using JavaScript
850 viewsAug 5, 2020
YouTubeMostafa Sayed
See more
Static thumbnail place holder

Short videos

1:40
JavaScript Drum Kit Project (Beginner Web Dev)
391 views3 months ago
YouTubeCode Nowshh
0:15
Browser Drum Kit 🥁✨ | HTML CSS JS #shorts
595 views6 months ago
YouTubeCodeHub Santanu
0:58
I Built a Drum Machine in JavaScript (Web Audio API) 🥁
234 views4 months ago
YouTubeCreta Music Software
0:11
Create Professional Yeat Type Beats Using Only These Four Drum Kits #yeatdrumkit
1.5K views1 month ago
YouTubeSHXWMEAGGRESSIXN
2:41
Create AI-powered drum kits without knowing how to play.
687 views3 months ago
YouTubeGuilherme Cysne - Cysne
0:48
I Built the CRAZIEST Hi-Hat #tutorial #musicproducer #trapdrums
1.5K views1 month ago
YouTubeFaith Monaco
2:01
Steven Slate Duality Drums expansion played with electronic drums
1.3K views4 weeks ago
YouTubedigitaldrumming
2:54
Micro-nesting drum kits are here. Check out this drum demo, and how easy the setup
1.5K views1 month ago
YouTubeIndependent Drum Lab
0:59
Advanced 808 Drum Sound Design from Basic Sub Bass #musicproduction
1.8K views4 weeks ago
YouTubeFaith Monaco
1:00
How I Create Professional Drums From Scratch #sounddesign #beatmaking
1.3K views2 months ago
YouTubeFaith Monaco
1:42
New Jack Swing drumkit (Weapon X Evoultion Vol.2)
3.7K viewsJun 23, 2020
YouTubeJS aka The Best
0:15
miniature drums / update #5 Lars Kit
2.8K views2 months ago
YouTubeMini Drums
0:16
This Kit SHOCKED My JUL x MORAD Beats 🤯🇪🇸 #moraddrumkit #juldrumkit #moradtutorial
204 views1 month ago
YouTubeMorad Type Beats
2:28
Just a Drum Practice 🥁 Hybrid Kit Vibes #edrums #toontrack #edrumin #rolandvdrums
992 views1 month ago
YouTubeTHUMPoddity
0:11
Drum Kit Demo - Improv | #shorts #drums #improvisation #demo
2.4K views1 month ago
YouTubeSam Paterson
0:24
SECRET of HARD OSAMASON Type Beats
6.4K views1 month ago
YouTubeBENJAMIN!
0:26
16 Drum Kits and 134 Styles?? Prime's New Update is INSANE #shorts #drums
1.2K views3 months ago
YouTubeVyntrik
0:26
DRUM KIT IN BIO🚀 #flstudio #musicproducer #phonkagressive #producer
27.7K views1 month ago
YouTubeINFNX👾
0:26
E-Kit for Beginner Drummers | Linear Drum Chop Practice #ekit #drumpractice #drumbeat
6.6K views1 month ago
YouTubeThou Can Drum
0:21
DRUM KIT IN BIO🚀 #flstudio #brazilianfunk
27.9K views1 month ago
YouTubeINFNX👾
Static thumbnail place holder