Drum machine: buat beat di browser
Ketuk kotak di grid, tekan „Putar” – dan beat berputar terus. Semua suara disintesis langsung di browser. Polanya tersimpan di tautan, jadi bisa dibagikan atau dilanjutkan nanti.
Cara menghitung
Cara membuat beat
- Setiap baris adalah instrumen, setiap kolom satu not seperenambelas dari birama 4/4. Ketuk kotak untuk menyalakan atau mematikan pukulan.
- „Putar” – birama berulang terus dan kolom yang sedang dimainkan menyala. Anda bisa mengedit sambil diputar.
- Atur tempo (40–240 BPM) dan swing, yang menunda setiap seperenambelas kedua dan membuat groove lebih santai.
- Templat memberi pola dasar sederhana untuk dikembangkan.
- Untuk berbagi, cukup salin tautannya – pola, tempo, dan swing ikut di dalamnya.
Bagaimana suara dibuat
Tidak ada sampel: kick, snare, hi-hat, clap, dan tom dibangun dari osilator, derau, dan filter Web Audio API. Pukulan dijadwalkan lebih dulu pada jam audio browser, seperti dijelaskan dalam artikel „A Tale of Two Clocks” di web.dev, sehingga ritme tetap stabil meski halaman sedang sibuk.
Batasan
Satu birama 16 langkah, enam trek, tanpa ekspor ke berkas audio. Di tab latar belakang, browser bisa memperlambat timer; beat lalu dijadwalkan lebih jauh ke depan, tetapi jeda singkat masih mungkin terjadi. Templat hanyalah pola awal sederhana, bukan tiruan persis lagu atau gaya tertentu.
Pertanyaan umum
Apakah drum machine ini gratis?
Ya, tanpa daftar dan tanpa instalasi. Berjalan sepenuhnya di browser, juga di ponsel dan tablet.
Bagaimana membagikan beat saya?
Pola, tempo, dan swing otomatis masuk ke tautan halaman. Salin tautannya atau pakai tombol bagikan.
Apa fungsi swing?
Menggeser setiap seperenambelas kedua sedikit ke belakang. Pada 0 % beat terdengar lurus; dengan swing lebih banyak, lebih santai dan berayun.
Bisakah beat disimpan sebagai MP3?
Tidak, tidak ada ekspor audio. Namun pola bisa dibuka kembali kapan saja lewat tautan.
Mengapa beat tersendat di latar belakang?
Browser memperlambat timer di tab yang tidak aktif. Alat ini menjadwalkan lebih jauh ke depan, tetapi jeda tidak bisa dicegah sepenuhnya.
Sumber dan dasar hukum
- Chris Wilson (web.dev) – A Tale of Two Clocks: Scheduling Web Audio with Precision
- MDN Web Docs – OscillatorNode (Web Audio API)
- MDN Web Docs – BiquadFilterNode (Web Audio API)
- W3C – Web Audio API
- WHO – Deafness and hearing loss: Safe listening
Diperbarui:
Alat terkait
- Metronom onlineMetronom online gratis: 20–300 BPM, birama 2/4 sampai 12/8 (termasuk 4/4 dan 3/4), aksen per ketukan, subdivisi, dan tap tempo. Presisi, tanpa aplikasi.
- Tap BPM: ketuk mengikuti iramaTap BPM online: ketuk area atau tombol mana saja mengikuti irama musik dan langsung lihat BPM, kestabilan ketukan, serta tempo setengah dan dua kali.
- Piano onlinePiano online gratis dengan 5 oktaf: main piano pakai keyboard komputer, mouse atau layar sentuh, termasuk akor. Dengan sustain dan nama not. Tanpa aplikasi.
- Ambil kode warna dari gambar (color picker)Ambil kode warna dari gambar: buka foto, klik satu titik, lalu salin nilai HEX, RGB atau HSL – plus warna utama gambar. Tanpa unggah, semuanya di browser.
- Generator binaural beatsBinaural beats online: atur frekuensi pembawa dan selisih, nada sinus terpisah untuk tiap telinga, dengan timer dan tes headphone. Tanpa janji kesehatan.
- Cek kontras warna (WCAG 2.2)Cek kontras warna teks dan latar belakang: rasio kontras WCAG 2.2 dengan penilaian AA/AAA untuk teks normal, teks besar dan komponen UI, plus saran warna.