Audio Visualizer — 15 Pemandangan WebGL Reaktif

Suara dianalisis terus-menerus dalam 32 pita frekuensi sekitar 90 kali per detik, tidak bergantung pada laju bingkai layar Anda. Setiap pita dibandingkan dengan momen kerasnya sendiri yang baru lalu dan dengan derau latar, sehingga mikrofon yang pelan dan file yang keras menggerakkan gambar sama kuatnya, sedangkan keheningan atau desis ruangan membuat pemandangan tetap tenang dan redup. Pukulan dideteksi terpisah — kick (bas drum), snare, dan hi-hat — dan ketukan diikuti; penguncian tempo dilepas begitu musik berhenti, sehingga tidak ada denyut yang berlanjut dalam keheningan. Pemandangan mengubah bas menjadi ukuran dan bentuk besar, nada tinggi menjadi percikan dan detail halus, serta pukulan menjadi ledakan, riak, dan kilat, sementara "Gelombang" dan "Spektrum" menggambar spektrum yang sebenarnya.

Pertama, izinkan akses mikrofon di browser Anda. Dalam keheningan gambar sengaja tetap tenang — putar musik di dekat mikrofon atau pilih file. Jika musik hanya sedikit lebih keras daripada derau ruangan, dekatkan sumbernya, keraskan volumenya, atau naikkan slider sensitivitas. Untuk file, tekan ▶ jika browser tidak memulai pemutaran dengan sendirinya.

Ya! Tekan S atau klik tombol Screensaver. Visualizer masuk layar penuh dan secara otomatis menggilir semua 15 pemandangan, satu setiap 30 detik. Tekan Escape atau klik di mana saja untuk keluar.

Tiap adegan adalah fragment shader di GPU, jadi ia butuh WebGL dengan akselerasi perangkat keras yang aktif — persegi hitam hampir selalu berarti akselerasi mati di pengaturan peramban, bukan adegannya rusak. Tersendat adalah ujung lain dari cerita yang sama: dari 15 adegan, "Badai Listrik" dan "Aliran Lava" paling berat, sedangkan "Spektrum" dan "Gelombang" paling ringan, jadi pindahlah ke adegan yang lebih ringan, matikan efek pasca sinematik (P), keluar dari layar penuh, atau tutup tab lain yang berebut GPU yang sama.

Ya. Alihkan ke mode Unggah File dan pilih file audio apa pun (MP3, WAV, OGG, FLAC). Musik diputar melalui speaker Anda sementara visual bereaksi secara real time.

Pilih file dan pemandangan, lalu tekan "Buat video": halaman akan menggambar seluruh lagu bingkai demi bingkai dengan 30 bingkai per detik dan menyatukan gambar dengan suara lagu dalam MP4 atau WebM — 16:9 untuk YouTube, 9:16 untuk Reels, TikTok, dan Shorts, atau persegi 1:1. Setiap bingkai dihitung dari suara yang terdengar di dalamnya, sehingga kilatan jatuh tepat pada pukulan, dan pada kartu grafis yang lambat video hanya butuh waktu lebih lama untuk dibuat, bukannya kehilangan bingkai. Tombol ● merekam apa yang sedang ditampilkan layar saat ini — tombol itu disediakan untuk mikrofon.