مشغل صوت طورته باستخدام HTML وCSS وJavaScript

قمت بإنشاء مشغل صوت باستخدام HTML وCSS وJavaScript. يتضمن المشغل الميزات التالية:

تشغيل وإيقاف المقطع الصوتي.

التنقل بين المقاطع باستخدام أزرار التالي والسابق.

إمكانية تفعيل وضع الإعادة التلقائية لإعادة تشغيل المقطع بعد انتهائه.

ميزة التبديل العشوائي لخلط ترتيب التشغيل.

عند انتهاء المقطع، سيبدأ المقطع التالي تلقائيًا.

التحكم في حجم الصوت باستخدام شريط التمرير.

النقر على أيقونة الصوت للتبديل بين كتم الصوت وإلغاء كتمه.

عند كتم الصوت وإلغاء كتمه، سيعود إلى مستوى الصوت السابق قبل الكتم.

عند تحريك شريط الصوت إلى الصفر، سيتم كتم الصوت تلقائيًا.

التحكم في نطاق الوقت لتحديد وقت معين في المقطع.

إذا كنت في وضع الإيقاف المؤقت وقمت بتحريك شريط الوقت، فلن يبدأ التشغيل.

إذا كنت في وضع التشغيل وقمت بتحريك شريط الوقت، سيبدأ التشغيل تلقائيًا.

تصفح قائمة المقاطع بالنقر على أيقونة الشريط.

يظهر تأثير تحميل أثناء تحميل المقطع الصوتي.

عرض قرص دوار أثناء تشغيل الصوت.

عرض اسم المقطع والفنان ورقم المقطع.

حفظ التفضيلات حتى بعد مغادرة الموقع أو إغلاق المتصفح.

على الهواتف المحمولة، سيتم عرض التصميم كما في التطبيقات المحمولة.