شكرا لك! إنه يعمل بشكل مثالي. هناك شيء واحد أحتاج إلى بعض النصائح بشأنه وهو واجهة المستخدم لجهاز iPhone. عندما أقوم بالوصول باستخدام جهاز iPhone، لاحظت أن “أيقونة المشغل” تخرج عن الشاشة ولا يمكن للمستخدم إغلاق مشغل الموسيقى. هل تمانع في توجيهي إلى سطر التعليمات البرمجية لإصلاح ذلك.
مرحباً ![]()
شكراً لك، لقد قمت بدمج إصلاح وأضفت دعماً لجهاز الآيفون (footer-nav) إلخ..: UX: fix music player height and add iphone (footer-nav) support · VaperinaDEV/soundcloud-music-player@40509c7 · GitHub
تعديل: كما أنه يصلح العرض والموضع في عرض سطح المكتب UX: fixe music player width and position on desktop · VaperinaDEV/soundcloud-music-player@56eb89b · GitHub
تعديل: المزيد من التحديثات UX: Add arrow to music player button by VaperinaDEV · Pull Request #2 · VaperinaDEV/soundcloud-music-player · GitHub

في استمرار لتحسين مكون السمة هذا، هل هناك أي فرصة يمكن لشخص ما مساعدتي في تحسين واجهة المستخدم. @Don هو المؤلف الأصلي لهذا المكون وقام بعمل رائع!
سيكون من الرائع أن يظهر زر الاستماع كـ مشغل موسيقى كما هو موضح أدناه وأن يتمكن المستخدمون من إخفاء مشغل الموسيقى الجديد هذا. ** ملاحظة: سيكون هذا فقط للإصدار المكتبي واللوحي **. إلا إذا كنت تعرف طريقة لجعله يبدو جيدًا ولا يسبب فوضى على الإصدار المحمول
** مثال لمشغل الموسيقى **
- تشغيل/إيقاف مؤقت
- خلط عشوائي
- تخطي للأمام أو للخلف
- اسم الأغنية واسم الفنان
- موضوع في يسار الشاشة
- سهم لإخفاء مشغل الموسيقى
** الإصدار الحالي **
ما يمكن فعله بمكون السمة الذي ربطته سيكون محدودًا لأنه غلاف حول رمز تضمين SoundCloud. هذا يحد واجهة المستخدم بشيء مثل هذا (لقائمة تشغيل):
يمكن تحقيق بعض مما تطلبه باستخدام مكون السمة الحالي، ولكن لن يكون من الممكن إجراء تغييرات على مشغل الموسيقى الفعلي. للقيام بذلك، ستحتاج إلى مكون سمة يقوم بطلبات إلى واجهة برمجة تطبيقات SoundCloud: API - Wrappers - SoundCloud Developers.
تتطلب واجهة برمجة التطبيقات هذه بيانات اعتماد، لذلك لا يجب عليك نشرها كمكون سمة لأنه سيكشف هذه المعلومات للمتصفح - سيكون من الأفضل لك حينئذٍ جعلها إضافة (plugin) والتعامل مع هذا الاتصال بشكل خاص في الواجهة الخلفية.
لطلبات المصادقة، ستحتاج إلى إضافة، ولكن واجهة برمجة تطبيقات SoundCloud تتيح لك القيام بالكثير من خلال طلبات غير مصادق عليها عن طريق توفير CLIENT_ID فقط. يمكن إنشاء مشغل SoundCloud باستخدام مكون سمة فقط. سيحتاج مالك الموقع إلى تسجيل تطبيق على SoundCloud وتوفير CLIENT_ID الخاص به كإعداد سمة.
ستكون إضافة SoundCloud مثيرة للاهتمام حقًا. يمكنها القيام بأشياء مثل السماح للمستخدمين بتحميل مسارات إلى قائمة تشغيل، وتسجيل مسارات مباشرة من Discourse، وما إلى ذلك.
بشكل أساسي، تحتاج إلى المصادقة لإجراء طلبات PUT و POST و DELETE. لا تحتاج إلى المصادقة لإجراء طلبات GET.
تعديل: سيكون كل هذا رائعًا، لكنهم لا يسهلون تسجيل تطبيق:
من البحث على جوجل قليلاً، يبدو أنه من الممكن تسجيل تطبيق عن طريق إرسال بريد إلكتروني إليهم، ولكن هذا ليس موثوقًا به بما يكفي لمكون سمة أو إضافة تتطلب من مالك الموقع تسجيل تطبيق. إذا تغيرت الأمور مع عملية تقديم طلب واجهة برمجة التطبيقات الخاصة بهم، فسأعود إلى هذا.
هذه المكونات رائعة، جميلة جدًا. أقدر عملك.
إنها تجعل المنتدى مبهجًا للغاية…
اقتراح واحد،
الآن تم ترميزها في الإعدادات، قائمة واحدة فقط.
أتساءل عما إذا كان يمكن تحسينها لدعم قوائم تشغيل متعددة،
يمكن إضافة قائمة بقوائم التشغيل في الإعدادات، {معرف القائمة، اسم القائمة}
ثم في واجهة المستخدم، امنح المستخدمين خيار تحديد قائمة، سيكون ذلك لطيفًا جدًا جدًا ![]()
على سبيل المثال، أضف قائمة منسدلة في اللوحة المنزلقة، ربما في الأعلى، تسمح باختيار قائمة تشغيل،
شكراً جزيلاً… وآمل أن تأخذ هذا التحسين في الاعتبار…
مرحباً @fbpbdmin ![]()
لقد قمت بدمج تحديث لهذا. الآن يمكنك إضافة المزيد من المستخدمين / قوائم التشغيل إلى المشغل. يحتوي على إعداد جديد.
هنا يمكنك اختيار نوع التضمين لكل قائمة تشغيل. users أو playlists
على سبيل المثال
![]()
المزيد من قوائم التشغيل…
يا @Don
هذا لطيف جداً، أقدر ذلك حقاً!
![]()
مرحباً @Don
للمزيد من المرح، ![]()
يبدو أنه يمكن دمج سبوتيفاي في مكون الراديو الرائع هذا أيضاً.
على سبيل المثال، يمكن عرض/تضمين قائمة تشغيل سبوتيفاي كلاعب مشابه.
(تحتاج إلى إضافة https://open.spotify.com/embed/ إلى الـ iframes المسموح بها في الإعدادات أولاً)
<iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/37i9dQZF1E37rs1nnrBO2K?utm_source=generator" width="100%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
هذا يتم عرضه كـ
شكراً مرة أخرى على هذا المكون الرائع، وعطلة سعيدة!
دون، هذا مكون سمة رائع حقًا ![]()
أتساءل عما إذا كان من الممكن تطوير مكون سمة مماثل لعرض مقاطع الفيديو، ويعمل كمشغل فيديو. سيكون مثل هذا الإضافة مفيدًا للغاية لاستضافة دروس الفيديو، من بين محتويات أخرى، لمستخدمي المنتدى. يمكن أن تشمل مصادر الفيديو منصات مثل يوتيوب وفيميو وموارد مماثلة.
نعم، @Aizada_M أفكر في نفس المسار.
الأغاني في ساوند كلاود ليست بنفس عدد المواقع الإعلامية الأخرى، وقد يتم التعرف على الأغاني التي تم تحميلها بشكل غير صحيح لمشاكل حقوق النشر.
تضمين المشغلات في إطار iframe، أعتقد أنه يجب أن يعمل لمعظم المشغلات، يوتيوب، سبوتيفاي إلخ…
وحتى بعض الألعاب الصغيرة على الويب، هاها…
آمل أن يكون لدى @Don وقت لهذا
شكراً مرة أخرى!
تم إغلاق هذا الموضوع تلقائيًا بعد 298 يومًا. لم يعد يُسمح بالردود الجديدة.




