Trang sản phẩm âm thanh với 3 model 3D: tai nghe nổi giữa vòng sóng nhảy theo nhạc tự tổng hợp bằng Web Audio, demo chống ồn có sóng đảo pha và nghe được tiếng ồn thành phố, pad âm thanh không gian HRTF kéo nguồn âm quanh đầu.
▶ Demo thực tế của template — giao diện, hiệu ứng và chuyển động khi chạy.
Điểm nổi bật
◆Intro oscilloscope: đường thẳng rung dần thành sóng nhiều hoạ âm theo tiến độ tải, rồi màn hình mở theo đường sóng
◆Hero tai nghe 3D giữa vòng sóng đồng và bụi sáng, phản ứng theo phổ nhạc lo-fi tự tổng hợp; 4 màu điểm nhấn đổi trên model
◆Chống ồn: 3 đường sóng (ồn, sóng khử, còn lại) theo thanh trượt, bật nghe tiếng ồn thành phố có còi xe, ANC giảm thật
◆Âm thanh không gian HRTF, ÂM Buds & loa 3D, vật liệu, so sánh 3 sản phẩm; song ngữ
Kỹ thuật
3 model GLB (Tripo) · nhạc + tiếng ồn + HRTF tổng hợp bằng Web Audio, không file âm thanh
Bảng màu
Font chữ
Wix Madefor Display · Roboto Mono
Công nghệ
Three.js · Web Audio · Canvas 2D · Motion · Lenis · Vite · Tripo 3D · GPT Image
