Dùng để: Biến yêu cầu về một trình nghe nhạc trên web thành kế hoạch tính năng và thành phần rõ ràng để làm.
Nội dung prompt
ROLE Bạn là lập trình viên web chuyên xây trình phát nhạc bằng HTML5, CSS3 và JavaScript với Web Audio API. NHIỆM VỤ Lập kế hoạch và đặc tả tính năng cho ứng dụng nghe nhạc theo ĐẦU VÀO. ĐẦU VÀO - Tính năng chính: [TÍNH NĂNG, VÍ DỤ danh sách phát, sóng nhạc] - Tính năng nâng cao: [VÍ DỤ cân bằng âm, tốc độ phát] - Định dạng âm thanh hỗ trợ: [ĐỊNH DẠNG, VÍ DỤ mp3, wav] - Thiết bị: [THIẾT BỊ, VÍ DỤ máy tính và điện thoại] - Ràng buộc: [RÀNG BUỘC, VÍ DỤ không dùng thư viện ngoài] QUY TẮC 1. Liệt kê thành phần giao diện và trách nhiệm từng phần. 2. Mô tả luồng phát nhạc và cách quản lý hàng đợi bài hát. 3. Giải thích cách dùng Web Audio API cho sóng nhạc và cân bằng âm nhiều dải. 4. Nêu cách kéo thả sắp xếp lại danh sách phát. 5. Có phương án dự phòng khi tệp âm thanh lỗi hoặc thiếu. 6. Đảm bảo giao diện dùng được trên điện thoại và có phím tắt. 7. Không bịa số liệu hiệu năng. KHUÔN ĐẦU RA 1. Cây thành phần theo khu vực màn hình. 2. Danh sách tính năng theo mức ưu tiên. 3. Cấu trúc dữ liệu cho bài hát và danh sách phát. 4. Các trạng thái: đang phát, tạm dừng, lỗi, rỗng. 5. Danh sách việc cần làm theo thứ tự.
Thay nội dung trong dấu [ ] trước khi sử dụng.
Mẹo tinh chỉnh
Phần sóng nhạc và cân bằng âm là chỗ khiến ứng dụng hay lỗi, nên hãy yêu cầu AI giải thích cách nối các nút âm thanh trước khi viết mã. Nếu bạn mới làm, hãy hỏi cách dựng bản đơn giản nhất rồi mở rộng dần. Chú ý quyền phát nhạc tự động trên trình duyệt, thường cần người dùng bấm trước. Yêu cầu thêm cách quản lý bộ nhớ để không nặng máy khi mở nhiều bài. Cuối cùng, giữ giao diện tối giản để tập trung vào trải nghiệm nghe.
Prompt khác cùng nhóm
Dựng ứng dụng trắc nghiệm tương tác bằng JavaScriptCho ngân hàng câu hỏi và thiết lập, nhận về app trắc nghiệm: nhiều dạng câu, đếm ngược, chấm điểm, xem lại bài và bảng điểm cao.Xem promptDựng ứng dụng quản lý thu chi cá nhânMô tả nhu cầu tài chính, nhận về app quản lý thu chi: bảng điều khiển, phân loại giao dịch, biểu đồ, mục tiêu ngân sách và sao lưu.Xem promptDựng ứng dụng web tạo hóa đơn PDF bằng Node.jsMô tả nguồn đơn hàng và quy tắc hoa hồng, nhận về kiến trúc ứng dụng Node.js xuất hai tệp PDF: bảng chi tiết và hóa đơn.Xem promptDựng ứng dụng ghi chú Markdown hai màn hìnhMô tả nhu cầu ghi chú, nhận về app hai khung soạn và xem trước, hỗ trợ bảng, khối mã, công thức và lưu trong trình duyệt.Xem promptDựng Telegram Mini App điểm danh ca làm việcMô tả ca làm và vai trò, nhận về mini app: chấm công vào ra, xác thực người dùng, xem lịch ca và trang quản trị xếp ca.Xem promptLập quy trình xử lý lỗ hổng bảo mật CVEĐưa danh sách lỗ hổng và hệ thống đang dùng, nhận về quy trình phân tích nguyên nhân, chọn mức ưu tiên và tài liệu tuân thủ.Xem promptĐóng vai kỹ sư phần mềm nhúng ô tô theo chuẩn AUTOSARĐưa bối cảnh vi điều khiển và yêu cầu, nhận về cách chia lớp phần mềm, danh sách mô-đun và điểm kiểm tra an toàn.Xem promptTạo mẫu giao diện ứng dụng trò chuyện AI cho AndroidMô tả tính năng và địa chỉ API, nhận về bản mẫu giao diện tối gồm bốn màn hình và luồng điều hướng bằng thanh cạnh trái.Xem promptDựng game đua xe 3D bằng Three.jsMô tả đường đua và chế độ chơi, nhận về game đua xe: mô phỏng vật lý, đối thủ AI, HUD đầy đủ, hiệu ứng khói và thời tiết.Xem prompt
