مشغل موسيقى

هذا مشغل موسيقى قمت ببنائه باستخدام HTML وCSS وJavaScript بتصميم نظيف يعتمد على تدرج لوني من البنفسجي إلى البرتقالي.

يحتوي المشغل على كل الأساسيات المتوقعة: تشغيل وإيقاف مؤقت، تخطي للأمام وللخلف، وزر إيقاف كامل. يوجد شريط تقدم يوضح موضعك في الأغنية ويمكنك الضغط في أي مكان عليه للانتقال إلى جزء مختلف، بالإضافة إلى شريط للتحكم في مستوى الصوت.

في التصميم استخدمت لوحة ألوان دافئة مع خلفية متدرجة لتجعل الواجهة أكثر جاذبية. صورة الألبوم تظهر داخل حاوية بحواف دائرية متناسقة مع أسلوب التصميم العام، مع استخدام خط monospace لعنوان الأغنية ليعطي إحساسًا عصريًا وتقنيًا بسيطًا.

المشغل موضوع داخل بطاقة بواجهة شبه شفافة تربط بين جميع العناصر وتعطي إحساس بعمق في التصميم. بنيت المشروع بالكامل باستخدام JavaScript عادي للتحكم في الصوت وCSS مخصص لكل التفاصيل الجمالية بدون أي أُطر عمل، مما يوضح قدرتي على التعامل مع HTML5 audio API وبناء مكوّنات واجهة مستخدم مخصصة من الصفر كمشروع قوي في معرض أعمالي.