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
178.4K 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
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
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.8K viewsJan 9, 2021
How To Make MODERN Drum Kit Cover Arts Using Custom Typefaces | Photoshop Tutorial 2023
6:25
How To Make MODERN Drum Kit Cover Arts Using Custom Typefaces | Photoshop Tutorial 2023
YouTubeStinger | Hive Audio
2.5K viewsApr 22, 2023
[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 views3 weeks 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
460.7K viewsDec 12, 2016
YouTubeWes Bos
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
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
45:31
HOW TO MAKE A DRUM KIT | Drumkit in JS | How to make Drum…
5.8K viewsJan 5, 2021
YouTubeFreelancerHome
23:08
DrumKit: JavaScript based Musical Instruments
162 views8 months ago
YouTubeFree Zone
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
22:40
How to Code a Drum Machine from Scratch with HTML, CSS & JavaSc…
214 viewsDec 3, 2024
YouTubeCodeGenWeb
0:15
Browser Drum Kit 🥁✨ | HTML CSS JS #shorts
595 views6 months ago
YouTubeCodeHub Santanu
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
1:25
Create Your First Drum Kit with MIDI Tracks | Link in Description
308 views1 month ago
YouTubeBassGorilla
10:32
Let's Build A Drumset App With HTML, CSS and JavaScript Quick …
298 viewsSep 9, 2024
YouTubeQCT
0:58
I Built a Drum Machine in JavaScript (Web Audio API) 🥁
234 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
9:29
THESE are the BEST Drum Kits on the Internet
13.3K views8 months ago
YouTubeBusy Works Beats
24:30
Build ANY Drum Kit with this Free App!
439.7K viewsFeb 14, 2024
YouTube66Samus
39:28
9 great JSFX Instruments from Saike and Tilr
21.9K viewsNov 6, 2024
YouTubeThe REAPER Blog
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:48
Drum Pad Machine with Tone.js, Next.js and TypeScript
184 viewsApr 21, 2025
YouTubenilsondream
32:11
freeCodeCamp - Drum Machine - Project | Abhisek Pattnaik
15 views4 months ago
YouTubeAbhitech Talks
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
1:25
Create Your First Drum Kit with MIDI Tracks | Link in D…
308 views1 month ago
YouTubeBassGorilla
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 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
1:00
How I Create Professional Drums From Scratch #soun…
1.3K views2 months ago
YouTubeFaith Monaco
1:21
In this session, Ujang Exist brings the groove with a dy…
2.1K views11 months ago
FacebookJS Music
0:29
Morad Drum Kit 2026, Morad Free Drum Kit, Morad Tutor…
534 views2 months ago
YouTubeMorad Type Beats
4:27
Come try the all-new Roland V-Drums 5-Series at JS Mu…
1.7K views4 months ago
FacebookJS Music
0:48
I Built the CRAZIEST Hi-Hat #tutorial #musicproducer #…
1.5K views1 month ago
YouTubeFaith Monaco
2:25
Unleash your drumming potential with the PDP Main…
2.3K viewsApr 18, 2025
FacebookJS Music
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
2:01
Steven Slate Duality Drums expansion played with elec…
1.3K views3 weeks ago
YouTubedigitaldrumming
0:15
Morad Drum Kit x Jul Morad Drum Kit x Rhove Drum Ki…
1.8K views1 month ago
YouTubeATRIA BEATS
2:28
Just a Drum Practice 🥁 Hybrid Kit Vibes #edrums #toontra…
992 views1 month ago
YouTubeTHUMPoddity
0:47
New Melodic Kit available! Let’s try this beat! #realdru…
3K views2 months ago
YouTubeKolb Apps - Real Drum Official Channel
1:42
New Jack Swing drumkit (Weapon X Evoultion Vol.2)
3.7K viewsJun 23, 2020
YouTubeJS aka The Best
0:11
Drum Kit Demo - Improv | #shorts #drums #improvisa…
2.4K views1 month ago
YouTubeSam Paterson
Static thumbnail place holder