applemusic like lyrics

الإنجليزية / الصينية المبسطة

تحذير

التمهيدي باللغة الإنجليزية لا يزال قيد الإنشاء!

تهدف مكتبة مكونات مشغل الأغاني إلى أن تبدو مشابهة لإصدار iPad من Apple Music، وأيضًا مع روابط DOM وReact وVue.

ربما تكون هذه هي الصفحة الغنائية ذات نمط iPad Apple Music التي شاهدتها في الواجهة الأمامية.

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

—— مشاريع سلسلة AMLL ——

AMLL TTML DB - قاعدة بيانات مقطع غنائي TTML / أداة AMLL TTML - محرر كلمات مقطع TTML

بيئة AMLL وهيكل كود المصدر

الوحدات الرئيسية

• : مكتبة المكونات الأساسية AMLL، مكتوبة بطريقة DOM الأصلية، وتوفر مكونات عرض كلمات الأغاني ومكونات الخلفية الديناميكية السائلة

• : ربط AMLL React، مما يوفر مكونات عرض الكلمات ومكونات الخلفية الديناميكية السائلة في شكل مكونات React

• : ربط AMLL Vue، مما يوفر مكونات عرض كلمات الأغاني ومكونات الخلفية السائلة الديناميكية في شكل مكونات Vue

• :وحدة تحليل كلمات AMLL، توفر دعم التحليل والتسلسل لتنسيقات الأغاني المختلفة LyRiC وYRC وQRC وLyricify Syllable

أدوات خارجية

• مشغل AMLL: يوفر مشغل AMLL الخارجي مشغل كلمات خارجي مستقل ويتواصل مع أي برنامج AMLL ينفذ البروتوكول من خلال بروتوكول WebSocket الفريد لعرض كلمات الأغاني.

• أداة AMLL TTML: يوفر محرر AMLL TTML دعمًا لتحرير كلمات الأغاني بتنسيق TTML ويستخدم AMLL Core للمعاينة في الوقت الفعلي

• قاعدة بيانات AMLL TTML: توفر قاعدة بيانات AMLL TTML مستودع تخزين كلمات TTML بحيث يمكن لمشغلات كلمات الأغاني المختلفة استخدام كلمات TTML كلمة بكلمة التي ينتجها المجتمع.

معرض معاينة مشغل AMLL

تذكير بتوافق المتصفح

يتطلب إطار عمل المكون هذا المتصفحات التالية أو الإصدارات الأحدث على الأقل:

• الكروم/الحافة 91+

• فايرفوكس 100+

• سفاري 9.1+

لعرض جميع تأثيرات المكون بشكل كامل، تحتاج إلى استخدام المتصفحات التالية أو الإصدارات الأحدث:

• الكروم 120+

• فايرفوكس 100+

• سفاري 15.4+

الروابط المرجعية:

• https://caniuse.com/mdn-css_properties_mask-image

• https://caniuse.com/mdn-css_properties_mix-blend-mode_plus-lighter

مرجع تكوين الأداء

بعد اختبار قياس الأداء، يمكن لمعالجات وحدة المعالجة المركزية الرئيسية في غضون خمس سنوات تشغيل مكون الكلمات بشكل طبيعي بسرعة 30 إطارًا في الثانية، ومع ذلك، إذا كنت بحاجة إلى 60 إطارًا في الثانية للتشغيل بسلاسة، فيرجى التأكد من أن تردد وحدة المعالجة المركزية لا يقل عن 3.0 جيجا هرتز أو أعلى. إذا كنت بحاجة إلى تشغيل سلس أعلى من 144 إطارًا في الثانية، فيرجى التأكد من أن تردد وحدة المعالجة المركزية لا يقل عن 4.2 جيجا هرتز أو أعلى.

أداء وحدة معالجة الرسومات قادر على العمل عند 60 إطارًا كاملاً بالأبعاد المتوقعة في ظل الظروف التالية:

• 1080p (1920x1080) : سلسلة NVIDIA GTX 10 وما فوق

• 2160p (3840x2160) : NVIDIA RTX 2070 وما فوق

مساهمة الكود

نظرًا لطاقة المؤلف المحدودة، لم يعد قادرًا على التعامل مع المشكلات الناجمة عن استخدام الجميع، لذلك تم إغلاق قسم المشكلات، ولكن أي طلب سحب ساهم بشكل فعال في الكود هو موضع ترحيب!

عملية التطوير/البناء/التعبئة والتغليف

بعد تثبيت yarn و rustc و wasm-pack ، انسخ المستودع إلى أي مجلد وأدخل الأمر التالي في الوحدة الطرفية للإنشاء:

 غزل
غزل lerna run build:dev --scope "@applemusic-like-lyrics/*" # تطوير البناء غزل lerna run build --scope "@applemusic-like-lyrics/*" # بناء الإصدار

شكر وتقدير

• woshizja/معالج الصوت

• هناك أيضًا العديد من الأطر والمكتبات التي تستخدمها AMLL، شكرًا جزيلاً لك!

شكر خاص

بفضل سلسلة أدوات التطوير JetBrains لتوفير دعم قوي لمشروع AMLL