غيفات ديستورس

||||
-|-|
:discourse2: | الملخص | يضيف Discourse Gifs زرًا إلى محرر النصوص يتيح لك البحث عن صور متحركة (GIFs) وإضافة الأنسب منها إلى مشاركتك بسهولة.
:hammer_and_wrench: | رابط المستودع | https://github.com/discourse/discourse-gifs
:open_book: |جديد على قوالب Discourse؟ | دليل المبتدئين لاستخدام قوالب Discourse

تثبيت مكون القالب هذا

الميزات

بعد البحث، تحصل على جدار لا نهائي التمرير من الصور المتحركة ذات الصلة:

recording

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

shut up and take my money GIF by Product Hunt

يعتمد هذا بشكل كبير على شوكة قديمة لـ ReplyGif: Adding reaction GIF easily، لذا شكرًا لـ @cpradio.

الاختلافات الكبيرة هي:

  • يمكنه استخدام صيغة WebP المتحركة بدلاً من GIFs، مما يجعله أكثر كفاءة من حيث عرض النطاق الترددي.

  • إنه مكون قالب، مما يجعله أسهل بكثير في التثبيت والتحديث.

  • يوفر خيار واجهة برمجة تطبيقات Giphy أو واجهة برمجة تطبيقات Tenor.

  • تمرير لا نهائي للنتائج.

  • يتم تنزيل الصور المتحركة الناتجة إلى Discourse باستخدام حماية التعفن البديئي الأصلية لدينا. يمكنك تعطيل هذا السلوك باستخدام الإعدادات الموجودة إذا كان المساحة مصدر قلق.

  • لا حاجة للعب مع nginx لإعداد وكيل لـ HTTPS.

الحصول على مفتاح API لـ Giphy

لكي يعمل المكون، تحتاج إلى زيارة Dashboard | GIPHY Developers والنقر كما هو موضح أدناه:

املأ النموذج وسيظهر مفتاح API كالتالي:

الحصول على مفتاح API لـ Tenor

احصل على المفتاح من موقع Tenor الرسمي: GIF API - Better, Faster & Free | Get Your GIFs with Tenor

بعد ذلك، قم بزيارة صفحة مكون القالب في Discourse واملأ الإعدادات، على سبيل المثال:

الإعدادات

| الاسم | الوصف
|-|
| مزود API | أي مزود GIF يجب أن نستخدمه؟
| مفتاح API الخاص بـ Giphy | GIPHY: مفتاح API
| تنسيق ملف Giphy | GIPHY: تنسيق الصورة للاستخدام. ملفات WEBP أصغر حجمًا وتتحمل بسرعة أكبر بينما يوفر GIF توافقًا مع المتصفحات القديمة.
| تصنيف محتوى Giphy | GIPHY: تصنيف المحتوى لنتائج البحث. اعثر على مزيد من المعلومات في https://developers.giphy.com/docs/optional-settings#rating .
| لغة Giphy | GIPHY: اللغة المستخدمة في البحث. تُستخدم لتكييف البحث مع المحتوى الإقليمي. اضبطها على لغة المنتدى الافتراضية.
| تحديد عدد نتائج البحث اللانهائي | تحديد عدد نتائج GIF المعروضة أثناء تمرير المستخدم لا نهائيًا لمنع تجاوز حد معدل واجهة برمجة التطبيقات.
| حد أقصى للنتائج | Tenor & GIPHY: عندما يكون “تحديد عدد نتائج البحث اللانهائي” مفعلاً، سنبحث حتى نحصل على هذا العدد الأقصى من نتائج GIF. يسترجع كل استدعاء لواجهة برمجة التطبيقات 24 نتيجة، على سبيل المثال الحد الأقصى 240: 240 / 24 = 10 استدعاءات لواجهة برمجة التطبيقات .
| مفتاح API الخاص بـ Tenor | Tenor: مفتاح API V2. يمكن العثور على التعليمات للحصول عليه في Discourse Meta - Discourse Gifs .
| مفتاح العميل الخاص بـ Tenor | Tenor: (اختياري) سلسلة محددة من قبل العميل تمثل التكامل
| تفاصيل ملف Tenor | Tenor: تنسيق الصورة للاستخدام
| فلتر محتوى Tenor | Tenor: مستوى سلامة المحتوى لنتائج Tenor. اعثر على مزيد من المعلومات في Tenor API Guides .
| بلد Tenor | Tenor: رمز الدولة المكون من حرفين لأصل الطلب. اعثر على رمز دولتك في Wikipedia - ISO_3166-1 .
| لغة Tenor | Tenor: اللغة المستخدمة في البحث. يمكن تقديم رمز الدولة (اختياري) للتمييز بين اللهجات.

| الترجمة | الافتراضي
|-|
| gif.modal_title | البحث عن صور متحركة (GIFs)
| gif.query | مصطلح
| gif.insert | إدراج الصور المحددة
| gif.composer_title | البحث عن صور متحركة (GIFs)
| gif.no_results | أدخل كلمة رئيسية في مربع الإدخال أعلاه للبحث عن صور متحركة (GIFs).
| gif.bad_api_key | مفتاح $api_provider API غير صالح. مسؤولو الموقع، يرجى التحقق من مفتاحك و/أو حسابك في $api_provider.
| gif.error_rate_limit | لقد وصلنا إلى حدود معدل واجهة برمجة التطبيقات لـ $api_provider. يرجى الانتظار والمحاولة مرة أخرى لاحقًا. إذا استمرت هذه المشكلة، اتصل بمسؤول موقعك.
| gif.error_search_too_long | يرجى اختصار استعلام البحث إلى أقل من 50 حرفًا والمحاولة مرة أخرى.


:discourse2: مستضاف من قبلنا؟ تتوفر مكونات القوالب للاستخدام في خططنا القياسية والأعمال والمؤسسية.

84 إعجابًا

مرحبًا @Heather_Dudley،

لقد أضفت إعداد موقع جديد يتيح لك إجبار المكوّن على استخدام تنسيق GIF بدلاً من WebP.

فقط انتبه إلى أنه يستهلك ضعف مساحة القرص / عرض النطاق الترددي للشبكة تقريبًا مع جودة أقل.

هذه الصورة المتحركة GIF:

GIF: 3.5 ميجابايت
giphy

WEBP: 1.4 ميجابايت
Detective Pikachu Reaction GIF

MP4: 1 ميجابايت

AVIF: 276.8 كيلوبايت

بالنسبة لباقي الجميع، أضفت التركيز التلقائي على نافذة البحث!

17 إعجابًا

رائع، شكرًا جزيلاً لك! كنت أبحث عن ميزة مثل هذه :slight_smile:

3 إعجابات

أين الإعداد، @Falco؟ لم أستطع العثور عليه لتفعيله.

إعجاب واحد (1)

إعجاب واحد (1)

حسنًا، إذن أنا لست أعمى، فليس لدي هذا الخيار. لدي فقط مفتاح API:

المستودع المرتبط بي: https://github.com/discourse/discourse-gifs/tree/giphy

إعجاب واحد (1)

أوه، لقد تم تثبيتك في الفرع القديم، أعد التثبيت باستخدام الفرع الرئيسي من GitHub - discourse/discourse-gifs · GitHub

3 إعجابات

آه، هذا سيُحل المشكلة. شكرًا لك. لا أتوقع وجود مشاكل، لكن سأخبرك إذا واجهت أيًا منها!

4 إعجابات

أليس من الممكن استخدام منصة Tenor التابعة لـ Google؟ بعد أن استحوذت فيسبوك على Giphy، توقفت عن استخدامها وانتقلت إلى Tenor.

3 إعجابات

استخدم هذا المكون Tenor في الإصدار الأول، لكنني انتقلت إلى Giphy لأن استخدام صور GIF بصيغة WEBP أفضل بكثير من حيث سهولة الاستخدام مقارنة بالFormats الأخرى. كما أن Tenor لا يدعم صور GIF بصيغة WEBP.

4 إعجابات

سخرية من الواقع، خاصةً إذا أخذنا في الاعتبار من أنشأ صيغة WebP، ومن يملك Tenor الآن.

8 إعجابات

ربما يتجهون مباشرة إلى صيغة AVIF المتحركة؟ فهي متاحة بالفعل في Chrome، وستصبح قريبًا في جميع المتصفحات الحديثة.

أضفتها إلى هذا المنشور أعلاه، وحجم الملف مذهل:

5 إعجابات

كيف تسير عملية تطوير هذا التنسيق؟ كم من الوقت تعتقد أن الأمر سيستغرق حتى تتبناه الشركات الأخرى (بما في ذلك discourse :wink:

إعجابَين (2)

يمكن لـ Discourse دعم ذلك بسهولة بمجرد توفر دعم المتصفح: AVIF image format | Can I use... Support tables for HTML5, CSS3, etc

4 إعجابات

شكرًا لـ @eviltrout، نقوم الآن بعرض زر GIF في مكان أفضل على الجوّال، لذا لن يحدث هذا الأمر بعد الآن!

10 إعجابات

شكرًا لك يا @Falco، هل من الممكن إخفاء زر GIF أثناء معاينة الرسالة؟


شكرًا لك

إعجاب واحد (1)

لست على دراية كافية بمكونات السمات، هل من الممكن تمكين هذا في فئة واحدة فقط؟

لدينا فئة عشوائية / غير رسمية / ممتعة حيث سيكون هذا إضافة رائعة، ولكن إذا أضفتها إلى جميع الفئات، فسوف يتحول الأمر إلى فوضى :rofl:

4 إعجابات

يمكنك تجربة استخدام CSS، ولكن نظرًا لأن المصنف يظل مفتوحًا عند التنقل في المنتدى، فلا أعتقد أن ذلك سيعمل بنسبة 100٪.

سيكون الأمر شبيهًا بهذا:

:not(.category-your_category_id) .d-icon-discourse-gifs-gif-icon {
    display: none
}
4 إعجابات

فكرة رائعة. تم إضافتها في الإصدار الأخير، يرجى التحديث!

8 إعجابات

هذا رائع! عمل رائع، لقد أضفت للتو هذا إلى منتداي!

4 إعجابات