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
JavaScript Drum Kit Project (Beginner Web Dev)
1:40
391 views
JavaScript Drum Kit Project (Beginner Web Dev)
Code Nowshh
Browser Drum Kit 🥁✨ | HTML CSS JS #shorts
0:15
595 views
Browser Drum Kit 🥁✨ | HTML CSS JS #shorts
CodeHub Santanu
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
576.7K 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
Beginner Drumset Lessons: Intro #1 - A Tour of the Kit
13:24
Beginner Drumset Lessons: Intro #1 - A Tour of the Kit
YouTubeVic Firth
107.7K viewsOct 8, 2012
Top videos
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
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
Create A to Z Drum Kit Sound Project With JavaScript for beginners Tutorial
16:48
Create A to Z Drum Kit Sound Project With JavaScript for beginners Tutorial
YouTubeFree Website Code
1.7K viewsDec 16, 2022
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
[260+] FREE TRAP DRUM KIT - "AURA" 2026
3:05
[260+] FREE TRAP DRUM KIT - "AURA" 2026
YouTubeD O P E K I T
31.1K views4 months ago
Bastille - Pompeii - Drum Cover - on the Mega Kit featuring Pearl e-Pro Live Drums!
4:34
Bastille - Pompeii - Drum Cover - on the Mega Kit featuring Pearl e-Pro Live Drums!
YouTubeCOOP3RDRUMM3R
1.7M viewsJun 8, 2013
JavaScript Drum Kit Tutorial | How to Add Event Listener to JavaScript
12:49
Find in video from 01:25Previewing the Drum Kit in Live Server
JavaScript Drum Kit Tutorial | How to Add Event Listener to JavaScript
3.7K viewsJul 17, 2023
YouTubeProgrammingKnowledge
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
Create A to Z Drum Kit Sound Project With JavaScript for beginners Tutorial
16:48
Find in video from 04:13JavaScript Drum Kit Logic
Create A to Z Drum Kit Sound Project With JavaScript for beginn…
1.7K viewsDec 16, 2022
YouTubeFree Website Code
Make a JavaScript Drum Kit in Vanilla JS! #JavaScript30 1/30 Day 1 of 30. Let's make a JavaScript Drum kit and bunch along the way. Source : https://youtu.be/VuN8qwZoego | I Love Programming
19:39
Make a JavaScript Drum Kit in Vanilla JS! #JavaScript30 1/30 Da…
1.9K viewsOct 17, 2017
FacebookI Love Programming
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
JavaScript Drum Kit Project (Beginner Web Dev)
1:40
JavaScript Drum Kit Project (Beginner Web Dev)
391 views3 months ago
YouTubeCode Nowshh
Make an online drum kit! | HTML, CSS & JavaScript !
29:16
Make an online drum kit! | HTML, CSS & JavaScript !
715 viewsSep 3, 2023
YouTubeUbcodes
23:08
DrumKit: JavaScript based Musical Instruments
162 views8 months ago
YouTubeFree Zone
45:31
HOW TO MAKE A DRUM KIT | Drumkit in JS | How to make Drum…
5.8K viewsJan 5, 2021
YouTubeFreelancerHome
35:37
HTML CSS JavaScript Project - Drum Kits
1.3K viewsOct 26, 2023
YouTubeCode With Sahand
5:02
ASMR Programming - JavaScript Drum Kit -
16 views8 months ago
YouTubeClikClak
58:59
Mini projetos javascript (iniciantes) - 04 DRUMKIT
14K viewsOct 20, 2020
YouTubeFernando Leonid
0:15
Browser Drum Kit 🥁✨ | HTML CSS JS #shorts
595 views6 months ago
YouTubeCodeHub Santanu
10:32
Let's Build A Drumset App With HTML, CSS and JavaScript Quick …
298 viewsSep 9, 2024
YouTubeQCT
47:27
Create Drum Kits by JavaScript - انشاء عدة الطبول بواسطة جافا اسكريبت
119 viewsFeb 13, 2023
YouTubeMohamed Nabih
22:50
How to make a drum using HTML , CSS ,JS
4 views3 months ago
YouTubeCODE WITH HAMDAN
22:40
How to Code a Drum Machine from Scratch with HTML, CSS & JavaSc…
214 viewsDec 3, 2024
YouTubeCodeGenWeb
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
0:44
I built a (launchpad-style) DRUMPAD using JavaScript 🎧
109 views4 months ago
YouTubeCreta Music Software
1:21
JS Sound Check session by Ujang Exist
2.7K views11 months ago
YouTubeJS Music MY
4:27
Come try the all-new Roland V-Drums 5-Series at JS Music! Watc…
1.7K views4 months ago
FacebookJS Music
2:25
Unleash your drumming potential with the PDP Mainstage Series – …
2.3K viewsApr 18, 2025
FacebookJS Music
39:28
9 great JSFX Instruments from Saike and Tilr
21.9K viewsNov 6, 2024
YouTubeThe REAPER Blog
1:42
New Jack Swing drumkit (Weapon X Evoultion Vol.2)
3.7K viewsJun 23, 2020
YouTubeJS aka The Best
1:25
Create Your First Drum Kit with MIDI Tracks | Link in Description
308 views1 month ago
YouTubeBassGorilla
32:11
freeCodeCamp - Drum Machine - Project | Abhisek Pattnaik
15 views4 months ago
YouTubeAbhitech Talks
0:48
Drum Pad Machine with Tone.js, Next.js and TypeScript
184 viewsApr 21, 2025
YouTubenilsondream
12:17
Build a Drum Kit on a Web Page | Beginner JQuery Tutorial
319 viewsMay 26, 2021
YouTubeFirst Code Academy
See more videos
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
1:25
Create Your First Drum Kit with MIDI Tracks | Link in D…
308 views1 month ago
YouTubeBassGorilla
0:11
Create Professional Yeat Type Beats Using Only The…
1.5K views3 weeks ago
YouTubeSHXWMEAGGRESSIXN
2:54
Micro-nesting drum kits are here. Check out this drum …
1K views1 month ago
YouTubeIndependent Drum Lab
0:26
New Don Cannon vs The World Drum Kit OUT NOW🥁
1.8K views1 month ago
YouTubeTmrO Network
0:29
SECRET of CRAZY HALFBLOOD beats for SLA…
27.5K views1 month ago
YouTubeBENJAMIN!
0:17
Crisp Drum Beat And Edit #CrispDrums #Shorts
2.7K views3 weeks ago
YouTubeDRUM TECH & BEAT EDITS
2:01
Steven Slate Duality Drums expansion played with elec…
1.3K views3 weeks ago
YouTubedigitaldrumming
2:28
Just a Drum Practice 🥁 Hybrid Kit Vibes #edrums #toontra…
992 views1 month ago
YouTubeTHUMPoddity
1:00
How I Create Professional Drums From Scratch #soun…
1.3K views2 months ago
YouTubeFaith Monaco
0:15
Morad Drum Kit x Jul Morad Drum Kit x Rhove Drum Ki…
1.8K views1 month ago
YouTubeATRIA BEATS
0:11
Drum Kit Demo - Improv | #shorts #drums #improvisa…
2.4K views1 month ago
YouTubeSam Paterson
0:15
miniature drums / update #5 Lars Kit
2.8K views1 month ago
YouTubeMini Drums
1:02
NI Battery 4 EP04 — Humanize #nativeinstrume…
537 views1 month ago
YouTubeSide Key
0:22
Smooth Drum Solo Mashup #SmoothDrumEdit #music …
2.1K views2 weeks ago
YouTubeDRUM TECH & BEAT EDITS
0:26
E-Kit for Beginner Drummers | Linear Drum Chop Practic…
6.6K views1 month ago
YouTubeThou Can Drum
0:24
SECRET of HARD OSAMASON Type Beats
6.4K views1 month ago
YouTubeBENJAMIN!
0:29
SECRET of CRAZY OSAMASON sound
1.8K views1 month ago
YouTubeBENJAMIN!
Static thumbnail place holder