GIFs Discourse

:discourse2: Résumé Discourse Gifs ajoute un bouton dans l’éditeur qui vous permet de rechercher des gifs et d’ajouter facilement le meilleur à votre publication.
:hammer_and_wrench: Lien vers le dépôt https://github.com/discourse/discourse-gifs
:open_book: Nouveau sur les thèmes Discourse ? Guide pour débutants sur l’utilisation des thèmes Discourse

Installer ce composant de thème

Fonctionnalités

Après la recherche, vous obtenez un mur infini de gifs liés :

recording

En cliquant sur l’un d’eux, il est inséré dans votre éditeur actuel, qui ressemble à ceci :

shut up and take my money GIF by Product Hunt

Ceci est fortement basé sur une ancienne fork de ReplyGif : Ajouter facilement des GIF de réaction, merci donc à @cpradio.

Les principales différences sont :

  • Il peut utiliser des webp animés au lieu de gifs, ce qui est beaucoup plus efficace pour la bande passante.

  • C’est un composant de thème, donc il est beaucoup plus facile à installer et à mettre à jour.

  • Il offre le choix entre l’API Giphy ou l’API Tenor.

  • Défilement infini pour les résultats

  • Les gifs résultants sont téléchargés sur Discourse en utilisant notre protection native contre la dégradation. Vous pouvez désactiver ce comportement en utilisant les paramètres existants si l’espace est un problème.

  • Pas besoin de manipuler nginx pour configurer un proxy pour HTTPS

Obtenir une clé API Giphy

Pour que le composant fonctionne, vous devez visiter Dashboard | GIPHY Developers et cliquer comme ceci :

Remplissez le formulaire et la clé API sera affichée comme ceci :

Obtenir une clé API Tenor

Obtenez cette clé sur le site officiel de Tenor : GIF API - Mieux, Plus rapide et Gratuit | Obtenez vos GIF avec Tenor

Ensuite, visitez la page du composant de thème dans Discourse et remplissez les paramètres, par exemple :

Paramètres

Nom Description
api provider Quel fournisseur de GIF devons-nous utiliser ?
giphy api key GIPHY : Clé API
giphy file format GIPHY : Format d’image à utiliser. WEBP a des fichiers plus petits qui se chargent plus rapidement, tandis que GIF assure la compatibilité avec les anciens navigateurs.
giphy content rating GIPHY : Classification du contenu pour les résultats de recherche. Plus d’informations sur https://developers.giphy.com/docs/optional-settings#rating .
giphy locale GIPHY : Langue à utiliser pour la recherche. Utilisé pour adapter la recherche au contenu régional. Définissez-le sur votre langue par défaut du forum.
limit infinite search results Limitez le nombre de résultats GIF renvoyés lorsque l’utilisateur fait défiler infiniment pour éviter la limitation du taux d’appels API.
max results limit Tenor & GIPHY : Lorsque “limit infinite search results” est activé, nous chercherons jusqu’à obtenir ce nombre maximum de résultats GIF. Chaque appel API récupère 24 résultats, par exemple 240 Limite max : 240 / 24 = 10 appels API .
tenor api key Tenor : Clé API V2. Les instructions pour l’obtenir se trouvent dans Discourse Meta - Discourse Gifs .
tenor client key Tenor : (optionnel) chaîne spécifiée par le client représentant l’intégration
tenor file detail Tenor : Format d’image à utiliser
tenor content filter Tenor : Niveau de sécurité du contenu pour les résultats Tenor. Plus d’informations dans Guides de l’API Tenor .
tenor country Tenor : Code pays à deux lettres d’origine pour la requête. Trouvez votre code pays sur Wikipedia - ISO_3166-1 .
tenor locale Tenor : Langue à utiliser pour la recherche. Un code pays (optionnel) peut être fourni pour différencier les dialectes.
Traduction Défaut
gif.modal_title Rechercher des GIF
gif.query Terme
gif.insert Insérer les images sélectionnées
gif.composer_title Rechercher des GIF
gif.no_results Entrez un mot-clé dans la zone de saisie ci-dessus pour rechercher des GIF.
gif.bad_api_key Clé API $api_provider invalide. Administrateurs du site, veuillez vérifier votre clé et/ou votre compte $api_provider.
gif.error_rate_limit Nous avons atteint nos limites de taux d’appels API $api_provider. Veuillez attendre et réessayer plus tard. Si ce problème persiste, contactez votre administrateur de site.
gif.error_search_too_long Veuillez raccourcir votre requête de recherche à moins de 50 caractères et réessayer.

:discourse2: Hébergé par nous ? Les composants de thème sont disponibles pour une utilisation sur nos offres Standard, Business et Enterprise.

84 « J'aime »

Salut @Heather_Dudley,

J’ai ajouté un nouveau paramètre de site pour vous permettre de forcer le composant à utiliser le format GIF au lieu de WebP.

Sachez simplement que cela consomme plus du double d’espace disque et de bande passante réseau, tout en offrant une qualité inférieure.

Voici ce GIF :

GIF : 3,5 Mo
giphy

WEBP : 1,4 Mo
Detective Pikachu Reaction GIF

MP4 : 1 Mo

AVIF : 276,8 Ko

Pour tous les autres, j’ai ajouté la mise au point automatique sur la modale de recherche !

17 « J'aime »

super, merci beaucoup ! je cherchais une telle fonctionnalité :slight_smile:

3 « J'aime »

Où se trouve le paramètre, @Falco ? Je n’ai pas réussi à le trouver pour l’activer.

1 « J'aime »

1 « J'aime »

D’accord, je ne suis pas aveugle alors, je n’ai pas cette option. J’ai juste la clé API :

dépertoire auquel je suis lié : https://github.com/discourse/discourse-gifs/tree/giphy

1 « J'aime »

Oh, vous êtes installé dans l’ancienne branche, réinstallez en utilisant la branche principale à l’adresse GitHub - discourse/discourse-gifs · GitHub

3 « J'aime »

Aaaah, ça devrait le faire. Merci. Je ne prévois pas de problèmes, mais je vous tiendrai au courant si j’en rencontre !

4 « J'aime »

N’est-il pas possible d’utiliser la plateforme Tenor de Google ? Après que Facebook a acquis Giphy, j’ai arrêté de l’utiliser et suis passé à Tenor.

3 « J'aime »

Ce composant utilisait Tenor dans la première version, mais j’ai migré vers Giphy car l’utilisation de GIFs au format WEBP est nettement plus pratique pour l’ergonomie que les autres formats. De plus, Tenor ne prend pas en charge les GIFs WEBP.

4 « J'aime »

Ironic en considérant qui a créé le format WebP et qui possède désormais Tenor.

8 « J'aime »

Peut-être qu’ils visent directement les avifs animés ? C’est déjà disponible sur Chrome et le sera bientôt partout où les navigateurs modernes sont utilisés.

Je l’ai ajouté dans ce post ci-dessus, la taille du fichier est incroyable :

5 « J'aime »

Comment se passe le développement de ce format ? Combien de temps pensez-vous qu’il faudra pour que d’autres entreprises l’adoptent (y compris Discourse :wink:) ?

2 « J'aime »

Discourse peut facilement le prendre en charge dès que la prise en charge par les navigateurs sera disponible : AVIF image format | Can I use... Support tables for HTML5, CSS3, etc

4 « J'aime »

Grâce à @eviltrout, nous affichons désormais le bouton GIF à un meilleur endroit sur mobile, de sorte que cela ne se produira plus !

10 « J'aime »

Merci @Falco, est-il possible de masquer le bouton GIF lors de l’aperçu du message ?


Merci

1 « J'aime »

Je ne connais pas très bien les composants de thème. Est-il possible de l’activer uniquement pour une catégorie ?

Nous avons une catégorie aléatoire / hors sujet / amusante où ce serait un ajout génial, mais si je l’ajoute à toutes les catégories, ce sera le chaos total :rofl:

4 « J'aime »

Vous pourriez essayer avec du CSS, mais comme le compositeur reste ouvert lorsque nous naviguons sur le forum, je ne suis pas sûr que cela fonctionnerait à 100 %.

Cela ressemblerait à ceci

:not(.category-your_category_id) .d-icon-discourse-gifs-gif-icon {
    display: none
}
4 « J'aime »

Bonne idée. Cela a été ajouté dans la dernière version, veuillez mettre à jour !

8 « J'aime »

C’est génial ! Bien joué, je viens de l’ajouter à mon forum !

4 « J'aime »