Gifs de Discourse

||||
-|-|
:discourse2: | Résumé | Discourse Gifs ajoute un bouton à l’éditeur qui vous permet de rechercher des GIFs et d’ajouter facilement le meilleur à votre message.
:hammer_and_wrench: | Lien du dépôt | https://github.com/discourse/discourse-gifs
:open_book: |Nouveau dans les Thèmes Discourse ? | Guide de démarrage pour utiliser les Thèmes Discourse

Installer ce composant de thème

Fonctionnalités

Après la recherche, vous obtenez un mur de GIFs apparentés avec défilement infini :

recording

Cliquer sur l’un d’eux l’insère dans votre éditeur actuel, qui ressemble à :

shut up and take my money GIF by Product Hunt

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

Les grandes différences sont :

  • Il peut utiliser du webp animé 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 pourriture des bits. Vous pouvez désactiver ce comportement en utilisant les paramètres existants si l’espace est une préoccupation.

  • Pas besoin de bidouiller 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 suit :

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

Obtenir une clé API Tenor

Obtenez cette clé sur le site officiel de Tenor : GIF API - Better, Faster & Free | Get Your GIFs with 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 offre une compatibilité avec les anciens navigateurs.
| giphy content rating | GIPHY : Classification du contenu pour les résultats de recherche. Trouvez 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 la locale par défaut de votre forum.
| limit infinite search results | Limiter le nombre de résultats GIF retournés lorsque l’utilisateur fait défiler indéfiniment pour éviter la limitation de débit de l’API.
| max results limit | Tenor & GIPHY : Lorsque “limiter les résultats de recherche infinis” est activé, nous rechercherons jusqu’à ce que nous obtenions ce nombre maximum de résultats GIF. Chaque appel d’API récupère 24 résultats, par ex. 240 Limite Max : 240 / 24 = 10 appels API .
| tenor api key | Tenor : Clé API V2. Les instructions pour en obtenir une peuvent être trouvées dans Discourse Meta - Discourse Gifs .
| tenor client key | Tenor : (facultatif) chaîne spécifiée par le client qui représente 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. Trouvez plus d’informations dans Tenor API Guides .
| tenor country | Tenor : Code pays à deux lettres d’origine pour la demande. Trouvez votre code pays dans Wikipedia - ISO_3166-1 .
| tenor locale | Tenor : Langue à utiliser pour la recherche. Le code pays (facultatif) peut être fourni pour différencier les dialectes.

| Traduction | Défaut
|-|
| gif.modal_title | Rechercher des GIFs
| gif.query | Terme
| gif.insert | Insérer les images sélectionnées
| gif.composer_title | Rechercher des GIFs
| gif.no_results | Entrez un mot-clé dans la zone de saisie ci-dessus pour rechercher des GIFs.
| gif.bad_api_key | Clé API $api_provider invalide. Les administrateurs du site, veuillez vérifier votre clé et/ou votre compte $api_provider.
| gif.error_rate_limit | Nous avons atteint nos limites de débit de l’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 à l’utilisation sur nos plans 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 »