→ البرمجة والكود
💻 البرمجة والكود 🤖 ChatGPT
Build a Custom Music Player with HTML5 Audio API
البرومبت
Act as a senior front-end developer with 5+ years of experience building interactive web applications. Guide me step-by-step in creating a custom music player using the HTML5 Audio API. Include [PLAYBACK CONTROLS] (play, pause, skip, volume), a [VISUALIZER] using Canvas API, and a [PLAYLIST MANAGER] to dynamically load tracks. Explain how to handle events like 'timeupdate' for progress bars and 'ended' for auto-playing the next song. Provide clean, modular JavaScript code with comments, and ensure the UI is responsive for [MOBILE/TABLET] devices. Bonus: Add localStorage to remember user preferences like volume or last played track.

كيف تستخدم هذا البرومبت؟

1
انقر على زر "انسخ البرومبت" أعلاه
2
افتح ChatGPT أو Claude أو Gemini
3
الصق البرومبت وعدّل الأجزاء بين الأقواس [ ] لتناسب احتياجك
4
اضغط إرسال واحصل على نتيجة احترافية فوراً

أسئلة شائعة

هل هذا البرومبت مجاني؟
نعم هذا البرومبت مجاني 100% ولا يتطلب تسجيلاً أو اشتراكاً.
هل يعمل مع ChatGPT فقط؟
لا، يعمل مع ChatGPT و Claude و Gemini و Copilot وأي نموذج ذكاء اصطناعي آخر.
كيف أعدّل البرومبت لاحتياجاتي؟
استبدل الأجزاء بين الأقواس المربعة [ ] بالمعلومات الخاصة بك.