هل من الممكن إعداد إطار مشغل Spotify تلقائي من رابط Spotify؟

مجتمعي يركز على الفنانين الذين ينشرون موسيقاهم ليسمعها الآخرون.

عندما ينشر المستخدم رابط SoundCloud، يعمل إطار التضمين (iframe) بسلاسة. ومع ذلك، يبدو أنه لا يوجد إطار تضمين تلقائي لقطع أو قوائم تشغيل Spotify.

كيف يمكنني إعداد ذلك إذا كان ذلك ممكنًا؟ لدي جميع أكواد التضمين من Spotify، لكنني غير متأكد من كيفية إعداده في Discourse.

شكرًا لك!

تعمل روابط SoundCloud المدمجة (oneboxes) بشكل ممتاز مع Discourse. أما بالنسبة لـ Spotify، فعند إضافة رابط أغنية أو قائمة تشغيل من Spotify إلى منشور في Discourse، يتم إنشاء رابط مدمج (onebox)، لكنه لا يُنشئ مشغل Spotify.

يمكنك السماح للمستخدمين بإضافة كود تضمين Spotify (iframe) إلى منشورات Discourse عن طريق إضافة https://open.spotify.com/embed/ إلى إعداد الموقع الخاص بـ allowed iframes في موقعك. سيؤدي ذلك إلى إنشاء مشغل صوتي يسمح للمستخدمين بالاستماع إلى مقاطع مدتها 30 ثانية من الأغاني.

سأبحث بالتأكيد في إتاحة ميزة الإطار المضمن (iframe) لمستخدمي.

هل توجد طريقة لتحويل روابط سبوتيفاي العادية تلقائيًا إلى iframe مضمن؟ لقد استخدمت منصة Invision Power Board لفترة من الوقت، وكان برنامجها ينشئ عناصر قابلة للتضمين لمجموعة واسعة من خدمات الوسائط بما في ذلك سبوتيفاي. ومع ذلك، أفهم أن برنامجها باهظ الثمن وليس مفتوح المصدر.

من الناحية التقنية، هذا ممكن، لكنني لست متأكدًا مما إذا كان الأمر يستحق الاعتماد عليه. كمثال على كيفية القيام بذلك، يمكن تحويل رابط سبوتيفاي https://open.spotify.com/track/39zWYYZStDgWi32sOU9AX4?si=BLFB8HxuQNC-OaHtwD_E4A إلى إطار مُضمَّن بإضافة /embed إلى مسار الرابط، ثم استخدام هذا الرابط كمصدر (src) للإطار:

<iframe src="https://open.spotify.com/embed/track/39zWYYZStDgWi32sOU9AX4?si=BLFB8HxuQNC-OaHtwD_E4A"></iframe>

فكرة جيدة، نعم يبدو أن هذا سيجري المهمة. هل تعرف الملفات التي سأحتاج إلى تعديلها للحصول على هذه النتائج؟ إذا عرفت الملف(ات)، فأنا واثق من قدرتي على برمجتها بنفسي!

إذا كان موقع Discourse الخاص بك مستضافًا ذاتيًا، فأعتقد أن أفضل نهج هو إنشاء إضافة onebox لـ Spotify. إذا فتحت مُفتّش الويب في صفحة Spotify، فستلاحظ أن البيانات اللازمة لإنشاء مشغل Spotify من خلال إطار مضمن (iframe) موجودة في وسوم meta الخاصة بالصفحة. ربما تحتاج إلى استخدام أوامر لوحة المفاتيح لفتح مُفتّش الويب، حيث يبدو أن Spotify يمنع النقر بالزر الأيمن.

يمكنك العثور على أمثلة حول كيفية إنشاء oneboxes هنا: GitHub - discourse/onebox: (DEPRECATED) A gem for turning URLs into website previews · GitHub.