Automat perkusyjny: twórz bity w przeglądarce
Dotykaj pól siatki, naciśnij „Odtwórz” – i bit gra w pętli. Wszystkie brzmienia są syntezowane na żywo w przeglądarce. Twój wzór zapisuje się w linku, więc możesz go udostępnić albo wrócić do niego później.
Jak to obliczamy
Jak zbudować bit
- Każdy wiersz to instrument, każda kolumna to szesnastka taktu 4/4. Dotknięcie pola włącza lub wyłącza uderzenie.
- „Odtwórz” – takt gra w pętli, a bieżąca kolumna się podświetla. Możesz zmieniać wzór w trakcie.
- Ustaw tempo (40–240 BPM) i swing, który opóźnia co drugą szesnastkę i rozluźnia groove.
- Szablony dają prosty wzór bazowy do rozbudowania.
- Aby udostępnić bit, skopiuj link – wzór, tempo i swing są w nim zapisane.
Jak powstają brzmienia
Nie ma sampli: stopa, werbel, hi-haty, klaśnięcie i tom są budowane z oscylatorów, szumu i filtrów Web Audio API. Uderzenia są planowane z wyprzedzeniem na zegarze audio przeglądarki, jak opisuje artykuł „A Tale of Two Clocks” na web.dev. Dzięki temu rytm pozostaje stabilny, nawet gdy strona jest zajęta.
Ograniczenia
Jeden takt z 16 krokami, sześć ścieżek, brak eksportu do pliku audio. W karcie w tle przeglądarka może spowalniać zegary; bit jest wtedy planowany z większym wyprzedzeniem, ale krótkie przerwy są nadal możliwe. Szablony to proste punkty wyjścia, a nie wierne kopie utworów czy stylów.
Najczęściej zadawane pytania
Czy automat perkusyjny jest darmowy?
Tak, bez rejestracji i instalacji. Działa w całości w przeglądarce, także na telefonie i tablecie.
Jak udostępnić swój bit?
Wzór, tempo i swing są automatycznie zapisane w linku strony. Wystarczy go skopiować lub użyć przycisku udostępniania.
Co robi suwak swingu?
Przesuwa co drugą szesnastkę nieco później. Przy 0 % bit jest równy, przy większym swingu luźniejszy i bardziej rozkołysany.
Czy mogę zapisać bit jako MP3?
Nie, eksportu audio nie ma. Wzór możesz jednak w każdej chwili otworzyć ponownie przez link.
Dlaczego bit się zacina w tle?
Przeglądarki spowalniają zegary w nieaktywnych kartach. Automat planuje wtedy dalej naprzód, ale przerw nie da się całkiem wykluczyć.
Źródła i podstawa prawna
- 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
Stan na:
Podobne narzędzia
- Metronom onlineDarmowy metronom online: 20–300 BPM, metrum od 2/4 do 12/8, akcent na każdą miarę, podziały i tap tempo. Dokładność na poziomie próbki, bez aplikacji.
- Tap tempo: stukaj w rytm i poznaj BPMTap tempo online: stukaj w rytm muzyki w pole lub dowolny klawisz i od razu zobacz BPM, równomierność stukania oraz połowę i podwojenie tempa.
- Gra na pianinie onlineDarmowe pianino online z 5 oktawami: graj na klawiaturze, myszką lub palcem, także akordy, z sustainem i nazwami dźwięków. Bez aplikacji i rejestracji.
- Czasy modlitw muzułmańskichCzasy modlitw na dziś i cały miesiąc: Fadżr, Zuhr, Asr, Maghrib i Isza dla Twojej lokalizacji. Metody MWL, ISNA, Diyanet i inne do wyboru, z plikiem kalendarza.
- Animowane ćwiczenie oddechoweAnimowane ćwiczenia oddechowe: oddech pudełkowy 4-4-4-4, 4-7-8, spokojny oddech 5-5 lub własny rytm. Oddychaj za kołem, łagodne dźwięki, bez aplikacji.
- Drzewo genealogiczne onlineStwórz drzewo genealogiczne online: osoby z rodzicami i partnerami, pokolenia układane automatycznie. Eksport do PNG, SVG, GEDCOM lub druk. Za darmo.