Preparing your comprehensive developer toolkit
Hướng dẫn thực tế
Hiển thị phổ tần số và dạng sóng theo thời gian thực bằng phân tích FFT ngay trên trình duyệt.
Phân tích phổ âm thanh dùng FFT để ước lượng cường độ các dải tần của bản ghi đang phát. Công cụ cũng hiển thị dạng sóng; tần số đỉnh là ước lượng theo dải, không phải phép đo cao độ hay âm lượng đã hiệu chuẩn.
FFT chuyển tín hiệu miền thời gian thành các bin tần số rời rạc. Với kích thước FFT 2048-4096, độ phân giải tần số đạt 21-10 Hz/bin ở sample rate 44.1 kHz. AnalyserNode cung cấp mảng 8-bit tuyến tính giúp vẽ phổ nhanh, trong khi smoothingTimeConstant (0-0.99) xác định mức làm mượt giữa các khung hình.
Dạng sóng vẽ các mẫu miền thời gian hiện tại từ AnalyserNode. Nó cho thấy thay đổi biên độ và hình dạng, nhưng không đo âm lượng đã hiệu chuẩn hay chứng minh hiện tượng méo đỉnh.
Pipeline tiêu chuẩn: AudioContext → MediaElementSource → AnalyserNode → GainNode → Destination. Sử dụng requestAnimationFrame đồng bộ với refresh rate để vẽ Canvas, đồng thời giải phóng buffer khi đổi bài để tránh rò rỉ bộ nhớ. Với Tệp lớn nên stream bằng fetch + decodeAudioData theo chunk.
Hiển thị các dải tần FFT khi phát tệp âm thanh cục bộ.
Hiển thị dạng sóng miền thời gian hiện tại khi phát.
Chuyển chế độ xem và điều chỉnh kích thước FFT hoặc độ làm mượt.
Phát các định dạng âm thanh phổ biến mà trình duyệt hỗ trợ.
So sánh phân bố âm trầm, trung và cao nhìn thấy khi phát bản phối cục bộ để tham khảo lúc xem xét EQ.
Phát từng bản ghi để so sánh phân bố tần số và dạng sóng nhìn thấy. Công cụ không đo đáp tuyến phòng trực tiếp hoặc hiệu chuẩn hệ thống âm thanh.
Phát bản ghi giọng nói và quan sát phổ cùng dạng sóng. Đánh giá độ rõ, nhiễu và âm lượng vẫn cần nghe và dùng thiết bị đo phù hợp.
Trình diễn FFT, hài âm và hiệu ứng Lọc trong lớp học/ workshop để học viên trực quan hóa các khái niệm âm học.
FFT chuyển tín hiệu thời gian thành phổ tần, giúp thấy rõ tần số và biên độ. Kích thước FFT càng lớn thì độ phân giải tần số càng cao nhưng tốc độ cập nhật giảm, cần cân bằng theo nhu cầu hiển thị.
Dạng sóng hiển thị biên độ theo thời gian, giúp quan sát dynamics và clipping; phổ tần cho biết dải tần đang xuất hiện, hữu ích để phân tích EQ, tiếng ồn và hài âm.
Khả năng phát MP3, WAV, OGG và M4A phụ thuộc trình duyệt. Trang không đặt giới hạn dung lượng cố định, nhưng tệp lớn có thể tải chậm hoặc lỗi tùy thiết bị.
Dùng phổ tần để so sánh các dải trội và dạng sóng để xem độ lớn thay đổi khi phát. Đây là công cụ trực quan, không phải phép đo âm lượng, méo tiếng hay âm học đã hiệu chuẩn.
Tổng quan về xử lý âm thanh trong trình duyệt.
Tài liệu về phân tích tần số và miền thời gian.
Hướng dẫn vẽ phổ tần và dạng sóng.
Đặc tả kỹ thuật xử lý Web Audio.
Mở công cụ để trải nghiệm các tính năng này.