SpotifyBigPicture

SpotifyBigpicture

واجهة قابلة للتخصيص للغاية تعرض حالة التشغيل الحالية على Spotify في صفحة متصفح صغيرة جميلة!

قد ترغب في استخدام وضع هذا الشاشة على الشاشة الخاصة بـ Spotify (في رأيي ، إلى حد ما) ، أو يمكنك استخدامه لجهاز التلفزيون الخاص بك لإعطاء OSD OSD القديم منخفض الدقة وظيفة طلاء جديدة!

هذه الواجهة هي في المقام الأول قراءة فقط. على وجه التحديد ، هذا يعني أنه لا يمكنك التحكم في موسيقاك بالفعل ، إلى جانب عدد قليل من الأوامر الأساسية مثل التشغيل ، والتوقف ، والتخطي (يحتاج إلى تمكين في الإعدادات أولاً). هذا بسبب القيود المفروضة على API Spotify ولأن الفكرة هي إعداد هذا التطبيق مرة واحدة ، ثم يتم تشغيله بشكل دائم كعرض معلومات خالصة.

مثال على ذلك مفيد هو استضافة حفلة حيث تريد السماح لضيوفك برؤية الأغاني في أي وقت ، من خلال وضع شاشة بالقرب من قاعة الرقص التي تتصل بها بتوت العليق.

لقطات الشاشة

يعرض هذان الأمثلان فقط أمثلة على الإعداد المسبق لـ SpotifyBigPicture. لمزيد من لقطات الشاشة ، راجع الإعدادات المسبقة الأخرى!

عرض الألبوم

عرض قائمة التشغيل

التخصيص

انقر فوق رمز التروس في الجزء العلوي الأيسر من الواجهة لفتح الإعدادات للتفضيلات المرئية. هنا يمكنك تخصيص تصميم الواجهة من عدد من الخيارات بنقرات قليلة فقط!

يتم تخزين إعداداتك تلقائيًا محليًا ، لذلك لن تحتاج إلى القلق بشأن إعادة تكوين كل شيء في كل مرة تقوم فيها بإعادة فتح موقع الويب.

• يمكن العثور على قائمة كاملة من كل مسبق هنا: presets.md
• يمكن العثور على معلومات عامة حول الإعدادات هنا: الإعدادات.

تثبيت

(إذا كنت تفضل برنامجًا تعليميًا ، انقر هنا)

الخطوة 1: إنشاء تطبيق Spotify

1. قم بإنشاء تطبيق على لوحة معلومات Spotify Developers (قد تحتاج إلى إنشاء حساب أولاً)
2. انسخ معرف العميل وسر العميل وحفظه في وقت لاحق
3. انتقل إلى "المستخدمين والوصول" وأضف حسابك هناك (الاسم وعنوان البريد الإلكتروني)

من هنا فصاعدًا ، يمكنك الاختيار بين إحدى طريقتين للمتابعة مع التثبيت.

الخطوة 2 - المتغير أ: تثبيت جافا اليدوي

1. بعد إنشاء تطبيق Spotify ، انقر فوق "تحرير الإعدادات" وأضف إعادة توجيه URI لهذا التطبيق: http://localhost:8183/login-callback (تأكد من النقر فوق الزر الأخضر الصغير "إضافة" قبل حفظ!)
2. قم بتنزيل الإصدار الحالي
3. الصق معرف العميل وسر العميل الذي قمت بحفظه في وقت سابق في الحقول المعنية في ملف spotifybot.properties
4. افتح محطة في نفس المجلد مثل ملف JAR (بسهولة عن طريق الضغط على التحول والنقر بزر الماوس الأيمن ، ثم اختيار "Open Terminal هنا"). ثم ابدأ التطبيق مع java -jar SpotifyBigPicture.jar

الخطوة 2 - البديل B: سحب صورة Docker

1. بعد إنشاء تطبيق Spotify ، انقر فوق "تحرير الإعدادات" وأضف إعادة توجيه URI لهذا التطبيق. اعتمادًا على المكان الذي تخطط لتشغيل التطبيق ، يجب عليك توفير URI يمكن الوصول إليه من الخارج. على سبيل المثال http://ip-of-docker-machine:8183/login-callback . يجب أن ينتهي رد الاتصال على تسجيل الدخول مع /login-callback ! تأكد أيضًا من النقر فوق الزر "إضافة" الأخضر الصغير قبل حفظه
2. اسحب صورة Docker: docker pull ghcr.io/selbi182/spotifybigpicture
3. قم بتشغيل صورة Docker. أدخل معرف العميل ، سر العميل ، وإعادة توجيه URI الذي حددته سابقًا في الحقول المعنية ، لتمريرها كمتغيرات بيئة: docker run --name spotifybigpicture -d -p 8183:8183 -e client_id=CLIENTID -e client_secret=CLIENTSECRET -e redirect_uri=REDIRECTURI ghcr.io/selbi182/spotifybigpicture
4. ثم قم بتشغيل docker logs -f spotifybigpicture حتى تتمكن من رؤية عنوان URL المطلوب للخطوة التالية

الخطوة 3: تسجيل الدخول

1. سيُطلب منك تسجيل الدخول. سيحاول التطبيق فتح المتصفح بمفرده ، ولكن إذا فشلت ، ألقِ نظرة على إخراج وحدة التحكم ونسخ عنوان URL المعروض في متصفحك يدويًا. يجب أن يعجبه هذا: https://accounts.spotify.com:443/authorize?client_id=[...]&response_type=code&redirect_uri=[...]&scope=[...]
2. إذا نجح كل شيء ، فأنت انتهيت! إذا اخترت المتغير A ، فسيكون التطبيق متاحًا بموجب http: // localhost: 8183/وإذا اخترت البديل B ، فسيكون أي خادم قدمته

متطلبات

• Java 11 أو أحدث:
  • تنزيل هنا (من الواضح أنه مطلوب فقط إذا كنت تقوم بتثبيت Java اليدوي)
• يجب أن يكون لدى الشاشة نسبة العرض إلى الارتفاع 16: 9:
  • على الرغم من وجود إعداد مسبق محسّن على وجه التحديد لوضع الصورة ، فقد تم تحسين هذا التطبيق بشكل أساسي لوضع المناظر الطبيعية. في حين أن أي نسبة عرضية يجب أن تعمل نظريًا ، فإن 16: 9 هي نسبة العرض إلى الارتفاع الوحيدة التي يتم دعمها واختبارها بنسبة 100 ٪
• متصفح حديث:
  • هناك الكثير من الأجراس والصفارات الفاخرة المرتبطة بهذا التطبيق والتي ببساطة لن تعمل على المتصفحات القديمة. لقد قمت بتطويره في المقام الأول وحسنه لـ Mozilla Firefox ، ولكنه يعمل أيضًا على Google Chrome. لم يتم اختباره على أي متصفحات أخرى ، لذلك لن أضمن الاستقرار الكامل هناك
• Spotify Premium:
  • لا يزال بإمكانك استخدام هذا التطبيق كمستخدم مجاني ، لكنك لن تحصل على الوظائف الكاملة. على سبيل المثال ، فإن الحصول على قائمة الانتظار الحالية متاحة فقط لمستخدمي Spotify Premium. للمستخدمين المجانيين ، يمكن عرض الأغنية الحالية فقط. بالنسبة للألبومات ، أكثر من مجرد تخمين جيد لأي أغنية تأتي للأسف غير ممكن

الواجهة لا تحديث؟

يتم جلب المعلومات من API من Spotify عن طريق استقصاءها مرة واحدة في الثانية. لسوء الحظ ، لا توجد طريقة "مناسبة" للقيام بذلك ، حيث أن Webhooks for Song Changes (مثل Discord يستخدمها ، على سبيل المثال) غير متوفرة لواجهة برمجة التطبيقات العامة.

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

ومع ذلك ، إذا أصبحت الواجهة غير مستجيبة تمامًا ، جرب هذه الأساليب:

1. قم بتغيير سياق التشغيل الحالي (على سبيل المثال ، يتغير من قائمة تشغيل إلى ألبوم)

2. لأي سبب غريب ، ما عليك سوى النقر فوق زر الأجهزة في Spotify على جهاز الكمبيوتر الخاص بك (ولا حتى اختيار أي جهاز مختلف ، حرفيًا فقط فتح القائمة المنسدلة) يجبر الواجهة في بعض الأحيان على اللحاق بالركب. لقد كان هذا هو الذهاب إلى إصلاح الشاشات المعلقة ، وهو يعمل بشكل جيد بشكل مدهش:

يدعم

إذا واجهت أي مشاكل ، فاكتب تذكرة مشكلة على Github وسألقي نظرة عليها بكل سرور :)

بدلاً من ذلك ، أرسل لي رسالة على الخلاف. اسم المستخدم الخاص بي هو: Selbi