Clickable Tabla (Dayan + Bayan)
Click/tap the drum zones to play bols. Works best after your first
click (browser audio unlock).
Audio not unlocked yet — click any drum once
Keyboard: N Na,
T Tin, G Ge,
K Ke
Play
Bayan (Left)
Rim: Ke • Center: Ge
Dayan (Right)
Rim: Na • Center: Tin
Ready. Click a zone…
Tip: On mobile, use tap. On desktop, click. First interaction
unlocks audio in most browsers.
Setup
Put these audio files next to this HTML file:
- dayan_na.mp3
- dayan_tin.mp3
- bayan_ge.mp3
- bayan_ke.mp3
If your files have different names, update the
sounds object in the script.
Next upgrades (optional)
- Add a tempo slider + metronome
- Auto-play theka patterns (Teentaal, Keharwa)
- Show bols animation while playing
- More strike zones (Ta, Dha, Dhin, Tun)