Audio Visualizer — 8 Pemandangan WebGL Reaktif

Ia menjalankan transformasi Fourier pada irisan-irisan pendek bunyi yang masuk dan membaca hasilnya sebagai sehimpunan pita frekuensi — tiap batang atau cincin adalah energi dalam satu pita, bukan kenyaringan seluruh sinyal. Itu sebabnya bas drum menyalakan ujung kiri dan simbal menyalakan ujung kanan, dan mengapa bunyi yang keras tetapi sempit hanya menggerakkan sebagian tampilan. Dua setelan lebih menentukan apa yang Anda lihat daripada pilihan gayanya: jumlah pita, yang menukar kerincian dengan kemantapan; dan pemulusan, yang merata-ratakan tiap pita dengan nilainya sebelumnya agar gambarnya tak berkedip mengikuti laju bingkai. Turunkan pemulusannya, tampilannya menjadi gugup dan harfiah; naikkan, ia mengalir tetapi tertinggal dari ketukan.

Pastikan Anda telah mengizinkan akses mikrofon di browser Anda. Periksa bahwa mikrofon Anda tidak dibisukan. Coba tingkatkan slider sensitivitas. Jika menggunakan file, pastikan audio sedang diputar.

Ya! Tekan S atau klik tombol Screensaver. Visualizer masuk layar penuh dan secara otomatis bertukar melalui semua 8 pemandangan 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: api dan lava paling berat di antara delapan adegan, jadi turunlah ke adegan yang lebih ringan, 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.