Nhìn thấy âm thanh

## Âm thanh hiện hình — Prompt sản xuất

Tạo **“Âm thanh hiện hình”**, một trải nghiệm khoa học tương tác hoàn chỉnh, hướng đến công chúng, được xây dựng bằng **Three.js**. Biến âm thanh thành các hình khối 3D đẹp mắt, phản hồi linh hoạt để bất kỳ ai cũng có thể khám phá mà không cần kiến thức âm nhạc hay khoa học. Cung cấp một **website đã triển khai** và một **video giới thiệu MP4 mang phong cách điện ảnh**.

Trải nghiệm cần gợi cảm giác như một bảo tàng khoa học tương tác cao cấp: ấn tượng về thị giác, dễ hiểu ngay lập tức, vui nhộn và chính xác về mặt khoa học. Thiết kế cho đông đảo người dùng trên máy tính và thiết bị di động.

### TRẢI NGHIỆM ĐẦU TIÊN

Mở đầu bằng một tác phẩm điêu khắc âm thanh phát sáng, chuyển động chậm trên nền đêm sâu thẳm. Dùng chữ màu ngà ấm, điểm nhấn cyan điện, tím và san hô tiết chế. Giữ bố cục thanh lịch và giao diện tối giản.

Hiển thị tiêu đề **“Hãy xem âm thanh có thể làm gì.”** Cung cấp ba điểm bắt đầu rõ ràng:

- **Phát âm thanh** — lập tức khởi chạy một ví dụ âm thanh tuyển chọn cùng phần trực quan hóa.
- **Dùng micro của tôi** — trực quan hóa giọng nói hoặc âm thanh xung quanh của người dùng.
- **Tải âm thanh lên** — khám phá một tệp âm thanh cục bộ.

Cho khách truy cập trải nghiệm điều hấp dẫn chỉ với một cú nhấp. Cung cấp sẵn các ví dụ để quyền truy cập micro và tải tệp không phải là bắt buộc. Trước khi phát, chạy bản xem trước không âm thanh được nhận diện rõ ràng.

### BA CÁCH KHÁM PHÁ

**1. Điêu khắc âm thanh — trực quan hóa âm thanh mang tính nghệ thuật**

Tạo một trường điêu khắc gồm hạt và dải ruy băng uyển chuyển, phản hồi mượt mà với phân tích âm thanh trực tiếp. Ánh xạ tần số thấp vào chuyển động rộng, tần số trung vào chi tiết cấu trúc và tần số cao vào các điểm nhấn lấp lánh tinh tế. Để độ lớn ảnh hưởng đến tỷ lệ và năng lượng mà không có các bước nhảy đột ngột.

Giúp lời nói, tiếng vỗ tay, tiếng ngân nga và âm nhạc tạo phản hồi khác biệt rõ rệt về thị giác. Gắn nhãn chế độ này là một diễn giải nghệ thuật về âm thanh.

**2. Khám phá dạng sóng — tìm hiểu tín hiệu**

Hiển thị dạng sóng động cùng phổ tần số, kèm tùy chọn trình bày không gian. Giải thích đơn giản: dạng sóng cho thấy tín hiệu thay đổi theo thời gian; phổ cho thấy thành phần tần số của tín hiệu.

Bao gồm bộ tạo âm tương tác với các nút điều khiển tần số và âm lượng được gắn nhãn rõ ràng. Cho phép người dùng so sánh âm thuần với âm phong phú hơn và thấy sự khác biệt. Dùng âm lượng mặc định vừa phải, chuyển tiếp âm thanh mượt mà và nút dừng dễ nhận biết. Giải thích rằng biên độ trực quan thể hiện mức tín hiệu đầu vào, không phải độ lớn vật lý đã hiệu chuẩn.

**3. Mẫu cộng hưởng — khám phá rung động**

Hiển thị một tấm rung ảo với các hạt giống cát tạo thành các mẫu nút. Cung cấp nhiều chế độ rung được triển khai cẩn thận để người dùng khám phá bằng cách thay đổi tần số kích thích.

Dựa các mẫu trên mô hình tấm được lập tài liệu với hình học và điều kiện biên xác định. Giải thích rằng các hạt tập trung gần những vùng rung động tối thiểu. Gắn nhãn trải nghiệm là mô phỏng giáo dục và mô tả các điểm đơn giản hóa của nó. Giữ hiệu ứng trang trí khác biệt rõ ràng về thị giác so với mô hình khoa học.

### GIÚP VIỆC KHÁM PHÁ DỄ DÀNG

Đưa ra các gợi ý ngắn, theo ngữ cảnh như **“Thử ngân nga một nốt đều,” “Vỗ tay một lần,”** và **“So sánh âm thấp với âm cao.”** Ghép mỗi gợi ý với phản hồi có thể thấy ngay.

Thu gọn các điều khiển nâng cao. Cung cấp điều khiển tạm dừng, đặt lại, toàn màn hình, độ nhạy và cường độ chuyển động. Duy trì trạng thái nguồn âm thanh và phát lại rõ ràng khi chuyển chế độ. Dùng phần giải thích ngắn, dễ tiếp cận cho từng chế độ mà không che khuất khung cảnh.

### ÂM THANH VÀ QUYỀN RIÊNG TƯ

Dùng **Web Audio API** để phát và phân tích, với làm mượt ổn định và chuẩn hóa hợp lý. Chỉ yêu cầu quyền truy cập micro sau khi người dùng chọn sử dụng. Xử lý đầu vào micro và tệp tải lên ngay trên thiết bị; không tải lên, lưu trữ hoặc truyền âm thanh của họ. Thiết kế lại cả ba chế độ theo chủ đề cực quang: thêm dải chuyển sắc cực quang xanh lục-tím trôi chậm vào nền đêm, đổi màu hạt và dải ruy băng của tác phẩm điêu khắc âm thanh sang xanh mòng két và tím, đồng thời tạo ánh sáng lạnh mờ cho các hạt của mẫu cộng hưởng. Giữ chữ màu ngà, giảm độ sáng tổng thể để tạo cảm giác ngắm bầu trời đêm và không thay đổi bất kỳ tương tác nào. Hiển thị chỉ báo micro thường trực và điều khiển **“Dừng micro”** rõ ràng để giải phóng micro. Tắt giám sát micro qua loa để tránh phản hồi âm. Xử lý khéo léo các trường hợp bị từ chối quyền, không có thiết bị, tệp không được hỗ trợ, im lặng và âm thanh bị gián đoạn.

Dùng âm thanh tích hợp đã được xác minh là CC0 hoặc có giấy phép phù hợp, đồng thời kèm danh mục giấy phép tài nguyên.

### CHẤT LƯỢNG HÌNH ẢNH VÀ KỸ THUẬT

Dùng kết xuất hạt tinh tế, chiều sâu thuyết phục, hiệu ứng bloom có kiểm soát, hoạt ảnh mượt và chuyển động camera tiết chế. Giữ văn bản sắc nét và các điều khiển dễ đọc. Tránh nhấp nháy mạnh và nhiễu thị giác quá mức.

Xây dựng ứng dụng Three.js dễ bảo trì với hình học và shader hiệu quả trên GPU, bộ đệm tái sử dụng, mật độ điểm ảnh có giới hạn, số lượng hạt thích ứng và các thiết lập chất lượng. Phân tích âm thanh cục bộ để người truy cập đồng thời không cần xử lý âm thanh phía máy chủ. Phục vụ tài nguyên tĩnh được tối ưu hóa qua dịch vụ lưu trữ tương thích CDN.

Hướng đến hiệu năng mượt mà trên máy tính và hiệu năng đủ dùng trên điện thoại tầm trung. Đo tốc độ khung hình thực tế, mức dùng bộ nhớ và hành vi tải trên các thiết bị đã thử nghiệm. Tạm dừng kết xuất không cần thiết khi trang bị ẩn, đồng thời giải phóng đúng cách tài nguyên âm thanh và GPU.

Hỗ trợ cảm ứng, điều hướng bằng bàn phím, trạng thái lấy tiêu điểm hiển thị rõ, các điều khiển có thể truy cập bằng trình đọc màn hình và giảm chuyển động. Cung cấp phương án dự phòng 2D nhẹ khi không có WebGL. Đảm bảo thông tin thiết yếu có thể hiểu được mà không chỉ dựa vào màu sắc hoặc âm thanh.

### SẢN PHẨM BÀN GIAO

Triển khai website hoàn chỉnh tại một **URL HTTPS** công khai đang hoạt động.

Tạo một **MP4 H.264 1920 × 1080, dài 30–45 giây** có thể tải xuống, với âm thanh được cấp phép và đồng bộ, được kết xuất từ ứng dụng thực tế. Thể hiện một âm thuần biến thành dạng sóng, một âm thanh phong phú hơn biến đổi tác phẩm điêu khắc và chuỗi mẫu cộng hưởng. Dùng phát lại xác định và chụp khung hình ổn định để có kết quả sạch.

Bàn giao dự án nguồn, tài nguyên cục bộ, danh mục giấy phép, mô hình khoa học và ánh xạ trực quan hóa đã được lập tài liệu, hướng dẫn triển khai và báo cáo xác minh ngắn gọn. Kiểm thử trải nghiệm đã triển khai trên bố cục máy tính và di động, luồng cấp quyền micro, phát âm thanh, tải lên, chuyển chế độ, khả năng truy cập và phát video. Báo cáo chính xác các môi trường đã thử nghiệm và những hạn chế còn lại.

**KHÔNG BAO GỒM:** hiệu ứng trang trí được thể hiện như mô phỏng vật lý, yêu cầu quyền micro khi tải trang, tải âm thanh lên máy chủ, âm thanh tự phát, phản hồi từ loa, điều khiển quá tải, nhấp nháy nhanh, nhãn khó đọc, chức năng giữ chỗ, bố cục di động lỗi, hình mờ hoặc tuyên bố không có cơ sở về mức độ sẵn sàng đưa vào vận hành.

## Âm thanh hiện hình — Prompt sản xuất

Tạo **“Âm thanh hiện hình”**, một trải nghiệm khoa học tương tác hoàn chỉnh, hướng đến công chúng, được xây dựng bằng **Three.js**. Biến âm thanh thành các hình khối 3D đẹp mắt, phản hồi linh hoạt để bất kỳ ai cũng có thể khám phá mà không cần kiến thức âm nhạc hay khoa học. Cung cấp một **website đã triển khai** và một **video giới thiệu MP4 mang phong cách điện ảnh**.

Trải nghiệm cần gợi cảm giác như một bảo tàng khoa học tương tác cao cấp: ấn tượng về thị giác, dễ hiểu ngay lập tức, vui nhộn và chính xác về mặt khoa học. Thiết kế cho đông đảo người dùng trên máy tính và thiết bị di động.

### TRẢI NGHIỆM ĐẦU TIÊN

Mở đầu bằng một tác phẩm điêu khắc âm thanh phát sáng, chuyển động chậm trên nền đêm sâu thẳm. Dùng chữ màu ngà ấm, điểm nhấn cyan điện, tím và san hô tiết chế. Giữ bố cục thanh lịch và giao diện tối giản.

Hiển thị tiêu đề **“Hãy xem âm thanh có thể làm gì.”** Cung cấp ba điểm bắt đầu rõ ràng:

- **Phát âm thanh** — lập tức khởi chạy một ví dụ âm thanh tuyển chọn cùng phần trực quan hóa.
- **Dùng micro của tôi** — trực quan hóa giọng nói hoặc âm thanh xung quanh của người dùng.
- **Tải âm thanh lên** — khám phá một tệp âm thanh cục bộ.

Cho khách truy cập trải nghiệm điều hấp dẫn chỉ với một cú nhấp. Cung cấp sẵn các ví dụ để quyền truy cập micro và tải tệp không phải là bắt buộc. Trước khi phát, chạy bản xem trước không âm thanh được nhận diện rõ ràng.

### BA CÁCH KHÁM PHÁ

**1. Điêu khắc âm thanh — trực quan hóa âm thanh mang tính nghệ thuật**

Tạo một trường điêu khắc gồm hạt và dải ruy băng uyển chuyển, phản hồi mượt mà với phân tích âm thanh trực tiếp. Ánh xạ tần số thấp vào chuyển động rộng, tần số trung vào chi tiết cấu trúc và tần số cao vào các điểm nhấn lấp lánh tinh tế. Để độ lớn ảnh hưởng đến tỷ lệ và năng lượng mà không có các bước nhảy đột ngột.

Giúp lời nói, tiếng vỗ tay, tiếng ngân nga và âm nhạc tạo phản hồi khác biệt rõ rệt về thị giác. Gắn nhãn chế độ này là một diễn giải nghệ thuật về âm thanh.

**2. Khám phá dạng sóng — tìm hiểu tín hiệu**

Hiển thị dạng sóng động cùng phổ tần số, kèm tùy chọn trình bày không gian. Giải thích đơn giản: dạng sóng cho thấy tín hiệu thay đổi theo thời gian; phổ cho thấy thành phần tần số của tín hiệu.

Bao gồm bộ tạo âm tương tác với các nút điều khiển tần số và âm lượng được gắn nhãn rõ ràng. Cho phép người dùng so sánh âm thuần với âm phong phú hơn và thấy sự khác biệt. Dùng âm lượng mặc định vừa phải, chuyển tiếp âm thanh mượt mà và nút dừng dễ nhận biết. Giải thích rằng biên độ trực quan thể hiện mức tín hiệu đầu vào, không phải độ lớn vật lý đã hiệu chuẩn.

**3. Mẫu cộng hưởng — khám phá rung động**

Hiển thị một tấm rung ảo với các hạt giống cát tạo thành các mẫu nút. Cung cấp nhiều chế độ rung được triển khai cẩn thận để người dùng khám phá bằng cách thay đổi tần số kích thích.

Dựa các mẫu trên mô hình tấm được lập tài liệu với hình học và điều kiện biên xác định. Giải thích rằng các hạt tập trung gần những vùng rung động tối thiểu. Gắn nhãn trải nghiệm là mô phỏng giáo dục và mô tả các điểm đơn giản hóa của nó. Giữ hiệu ứng trang trí khác biệt rõ ràng về thị giác so với mô hình khoa học.

### GIÚP VIỆC KHÁM PHÁ DỄ DÀNG

Đưa ra các gợi ý ngắn, theo ngữ cảnh như **“Thử ngân nga một nốt đều,” “Vỗ tay một lần,”** và **“So sánh âm thấp với âm cao.”** Ghép mỗi gợi ý với phản hồi có thể thấy ngay.

Thu gọn các điều khiển nâng cao. Cung cấp điều khiển tạm dừng, đặt lại, toàn màn hình, độ nhạy và cường độ chuyển động. Duy trì trạng thái nguồn âm thanh và phát lại rõ ràng khi chuyển chế độ. Dùng phần giải thích ngắn, dễ tiếp cận cho từng chế độ mà không che khuất khung cảnh.

### ÂM THANH VÀ QUYỀN RIÊNG TƯ

Dùng **Web Audio API** để phát và phân tích, với làm mượt ổn định và chuẩn hóa hợp lý. Chỉ yêu cầu quyền truy cập micro sau khi người dùng chọn sử dụng. Xử lý đầu vào micro và tệp tải lên ngay trên thiết bị; không tải lên, lưu trữ hoặc truyền âm thanh của họ. Biến trải nghiệm thành công cụ hỗ trợ giảng dạy vật lý cấp hai: gắn nhãn bước sóng, biên độ và tần số bằng thuật ngữ cùng đơn vị tiếng Trung trong các chế độ dạng sóng và phổ; giải thích sóng dừng và nút bằng sơ đồ ngắn trong chế độ cộng hưởng. Mở đầu mỗi chế độ bằng phần giới thiệu lớp học tối đa 60 ký tự tiếng Trung, và kết thúc bằng câu hỏi trắc nghiệm được trả lời ngay trên trang; trả lời đúng sẽ mở khóa chế độ rung tiếp theo. Hiển thị chỉ báo micro thường trực và điều khiển **“Dừng micro”** rõ ràng để giải phóng micro. Tắt giám sát micro qua loa để tránh phản hồi âm. Xử lý khéo léo các trường hợp bị từ chối quyền, không có thiết bị, tệp không được hỗ trợ, im lặng và âm thanh bị gián đoạn.

Dùng âm thanh tích hợp đã được xác minh là CC0 hoặc có giấy phép phù hợp, đồng thời kèm danh mục giấy phép tài nguyên.

### CHẤT LƯỢNG HÌNH ẢNH VÀ KỸ THUẬT

Dùng kết xuất hạt tinh tế, chiều sâu thuyết phục, hiệu ứng bloom có kiểm soát, hoạt ảnh mượt và chuyển động camera tiết chế. Giữ văn bản sắc nét và các điều khiển dễ đọc. Tránh nhấp nháy mạnh và nhiễu thị giác quá mức.

Xây dựng ứng dụng Three.js dễ bảo trì với hình học và shader hiệu quả trên GPU, bộ đệm tái sử dụng, mật độ điểm ảnh có giới hạn, số lượng hạt thích ứng và các thiết lập chất lượng. Phân tích âm thanh cục bộ để người truy cập đồng thời không cần xử lý âm thanh phía máy chủ. Phục vụ tài nguyên tĩnh được tối ưu hóa qua dịch vụ lưu trữ tương thích CDN.

Hướng đến hiệu năng mượt mà trên máy tính và hiệu năng đủ dùng trên điện thoại tầm trung. Đo tốc độ khung hình thực tế, mức dùng bộ nhớ và hành vi tải trên các thiết bị đã thử nghiệm. Tạm dừng kết xuất không cần thiết khi trang bị ẩn, đồng thời giải phóng đúng cách tài nguyên âm thanh và GPU.

Hỗ trợ cảm ứng, điều hướng bằng bàn phím, trạng thái lấy tiêu điểm hiển thị rõ, các điều khiển có thể truy cập bằng trình đọc màn hình và giảm chuyển động. Cung cấp phương án dự phòng 2D nhẹ khi không có WebGL. Đảm bảo thông tin thiết yếu có thể hiểu được mà không chỉ dựa vào màu sắc hoặc âm thanh.

### SẢN PHẨM BÀN GIAO

Triển khai website hoàn chỉnh tại một **URL HTTPS** công khai đang hoạt động.

Tạo một **MP4 H.264 1920 × 1080, dài 30–45 giây** có thể tải xuống, với âm thanh được cấp phép và đồng bộ, được kết xuất từ ứng dụng thực tế. Thể hiện một âm thuần biến thành dạng sóng, một âm thanh phong phú hơn biến đổi tác phẩm điêu khắc và chuỗi mẫu cộng hưởng. Dùng phát lại xác định và chụp khung hình ổn định để có kết quả sạch.

Bàn giao dự án nguồn, tài nguyên cục bộ, danh mục giấy phép, mô hình khoa học và ánh xạ trực quan hóa đã được lập tài liệu, hướng dẫn triển khai và báo cáo xác minh ngắn gọn. Kiểm thử trải nghiệm đã triển khai trên bố cục máy tính và di động, luồng cấp quyền micro, phát âm thanh, tải lên, chuyển chế độ, khả năng truy cập và phát video. Báo cáo chính xác các môi trường đã thử nghiệm và những hạn chế còn lại.

**KHÔNG BAO GỒM:** hiệu ứng trang trí được thể hiện như mô phỏng vật lý, yêu cầu quyền micro khi tải trang, tải âm thanh lên máy chủ, âm thanh tự phát, phản hồi từ loa, điều khiển quá tải, nhấp nháy nhanh, nhãn khó đọc, chức năng giữ chỗ, bố cục di động lỗi, hình mờ hoặc tuyên bố không có cơ sở về mức độ sẵn sàng đưa vào vận hành.