MusicApp KMP

تطبيق مشغل الموسيقى باستخدام Compose Multiplatform KMP

هذا هو تطبيق مشغل موسيقى تم تصميمه باستخدام Compose Multiplatform UI يعمل على نظام Android و iOS و Desktop و Web Protects. يستخدم API Spotify لجلب أفضل 50 مخططًا والحصول على ألبومات تتجه. لا يزال تسجيل الدخول إلى Google معلقًا والآن ، تحتاج إلى إضافة رمز Spotify يدويًا. يمكنك بسهولة الوصول إلى نقطة النهاية هنا للحصول على الألبوم ثم الحصول على الرمز المميز والتعيين في التطبيق.

ابحث عنه على موقع رسمي من JetBrains

تم إدراج هذا المستودع كعينة KMP على موقع الويب الرسمي لـ JetBrains.

يعيش

يمكنك أن تجدها مباشرة هنا

المنصات

يستخدم التطبيق مشغلات وسائط مختلفة على منصات مختلفة:

بالنسبة لنظام التشغيل iOS ، يتم استخدام Avkit في Android ، يتم استخدام مشغل الوسائط لسطح المكتب ، ويستخدم مشغل Media VLC للويب ، ويتم استخدام مشغل الوسائط HTML.

التكامل مع واجهات برمجة التطبيقات منخفضة المستوى

كان أحد أهداف بناء هذا التطبيق هو استكشاف كيفية تفاعل واجهة المستخدم مع واجهات برمجة التطبيقات منخفضة المستوى. كانت التجربة صعبة حتى الآن ممتعة ، وعلمتني العملية كثيرًا. من بين جميع لاعبي الوسائط المستخدمة ، كان الاندماج مع مشغل وسائط الويب هو الأسهل. أنا ممتن لتطوير Icerock و Aleksey Mikhailov لتطبيقهما التجريبي ، والذي كان مورد تعليمي رائع.

تشغيل التطبيق

• استنساخ هذا المستودع:

 git clone https://github.com/SEAbdulbasit/MusicApp-KMP.git

• افتح المشروع في Android Studio أو Intellij Idea.
• ابحث عن ملف الرمز المميز في الكود واستبدل العنصر النائب برمز Spotify Access الخاص بك. يمكنك إنشاء رمز جديد من لوحة القيادة Developer Spotify.
• قم بتشغيل التطبيق على النظام الأساسي المطلوب. هناك عدد قليل من المشكلات المعروفة في تطبيق مشغل الموسيقى باستخدام Compose Multiplatform UI:

القضايا المعروفة

• عند النقر فوق "تحديد الكل" على Android و Web و Desktop ، سيقوم التطبيق بتلقائي المسارات المحددة ومتابعة تشغيل المسار التالي عندما ينتهي المسار السابق. على iOS ، هناك مشكلات تتعلق بعمليات عمليات الاسترداد الخاصة بـ onReady و onVideoCompleted والتي تسبب عدم البدء تلقائيًا للاعب تلقائيًا. لم أتمكن من تكوين عمليات الاسترجاعات ، لكن آمل أن أقوم بإصلاح ذلك قريبًا.

العرض التوضيحي

مستودع

لاستكشاف ما يمكن أن يفعله واجهة المستخدم ، تحقق من المستودع للحصول على آخر التحديثات: https://github.com/seabdulbasit/musicapp-kmp.

إذا كنت مهتمًا بالبدء في تأليف multiplatform ، فلدي قالب لك هنا: https://github.com/seabdulbasit/kmp-compose-template.

إذا وجدت عملي مفيدًا ، فيرجى التفكير في إعطائه ❤.

مشاريع أخرى

TravelApp: https://github.com/seabdulbasit/travelapp-kmp

التقنيات والمكتبات المستخدمة

• كوتلين
• تأليف واجهة المستخدم المتعددة
• لاعب وسائل الإعلام Avkit
• VLC Media Player
• HTML Media Player
• تأليف محمل الصورة
• تتحلل

تودو

• أضف تسجيل الدخول إلى Google
• أضف DB المحلي لحفظ قائمة التشغيل المفضلة
• إضافة تنفيذ للإصدارات الحديثة