prompts.chatprompts.chatprompts.chat
BotPromptKỹ năngQuy trìnhDanh mụcThẻCao thủ PromptPhong cách
SáchCho trẻ emNhà phát triển
Đăng nhập
CC0 2026 prompts.chat
DeepWikiHướng dẫn...Tài liệuAPIQuyền riêng tưĐiều khoảnHỗ trợGiới thiệuGitHub

Trình Phát nhạc

Phát triển một trình phát nhạc trên nền tảng web

F
@f
about 4 hours agolúc 15:32 30 tháng 10, 2026
Vibe Coding•JavaScriptHTMLCSS
1

Nội dung

Phát triển một trình phát nhạc trên nền tảng web sử dụng HTML5, CSS3 và JavaScript kết hợp với Web Audio API. Tạo giao diện hiện đại có hiển thị ảnh bìa album và hiệu ứng sóng nhạc trực quan (visualizations). Triển khai quản lý danh sách phát (playlist) với khả năng kéo và thả để sắp xếp lại thứ tự bài hát. Thêm các nút điều khiển âm thanh bao gồm phát/tạm dừng, chuyển bài, tua, âm lượng và tốc độ phát. Bao gồm chế độ phát ngẫu nhiên (shuffle) và lặp lại (repeat) kèm các chỉ báo trực quan. Hỗ trợ nhiều định dạng âm thanh cùng cơ chế dự phòng (fallbacks). Triển khai bộ cân bằng âm thanh (equalizer) 10 dải tần với các cấu hình cài đặt sẵn (presets). Thêm tính năng trích xuất và hiển thị siêu dữ liệu (metadata) từ các tệp âm thanh. Tạo thiết kế đáp ứng hoạt động tốt trên mọi thiết bị. Bao gồm các phím tắt bàn phím để điều khiển phát nhạc. Hỗ trợ phát nhạc trong nền với tích hợp Media Session API.

Kỹ năng liên quan

Siêu Năng Lực Kiểm Thử Khả Năng Tiếp Cận (Accessibility Testing)

Kỹ năng

Thực hiện kiểm toán mức độ tuân thủ chuẩn WCAG và khắc phục các lỗi khả năng tiếp cận (accessibility) cho ứng dụng web. Sử dụng khi: 1) Kiểm toán giao diện UI theo chuẩn WCAG 2.1/2.2 2) Khắc phục lỗi trình đọc màn hình hoặc điều hướng bằng bàn phím 3) Triển khai đúng các mẫu ARIA 4) Đánh giá độ tương phản màu sắc và khả năng tiếp cận thị giác 5) Tạo biểu mẫu hoặc thành phần tương tác dễ tiếp cận

İ@izzetemre
0

Siêu năng lực Phân tích Mã nguồn bằng Cây Cú pháp Trừu tượng (AST)

Kỹ năng

Phân tích mẫu mã nguồn dựa trên cây cú pháp trừu tượng (AST) bằng công cụ ast-grep để phát hiện các vấn đề về bảo mật, hiệu năng và cấu trúc. Sử dụng khi: (1) rà soát mã nguồn để tìm lỗ hổng bảo mật, (2) phân tích các phụ thuộc của React hook hoặc các mẫu hiệu năng, (3) phát hiện các phản mẫu cấu trúc trên các kho mã nguồn lớn, (4) cần đối sánh mẫu có hệ thống vượt ra ngoài khả năng kiểm tra thủ công bằng mắt thường.

Bình luận (0)

İ@izzetemre
0