Discourse GIFs

:discourse2: Zusammenfassung Discourse Gifs fügt dem Editor eine Schaltfläche hinzu, mit der Sie nach GIFs suchen und das beste davon einfach zu Ihrem Beitrag hinzufügen können.
:hammer_and_wrench: Link zum Repository https://github.com/discourse/discourse-gifs
:open_book: Neu bei Discourse-Themen? Anfängerleitfaden zur Verwendung von Discourse-Themen

Diesen Theme-Component installieren

Funktionen

Nach der Suche erhalten Sie eine unendlich scrollende Wand mit verwandten GIFs:

recording

Ein Klick darauf fügt es in Ihren aktuellen Editor ein, der so aussieht:

shut up and take my money GIF by Product Hunt

Dies basiert stark auf einem alten Fork von ReplyGif: Adding reaction GIF easily, also vielen Dank an @cpradio.

Die großen Unterschiede sind:

  • Es kann animiertes WebP anstelle von GIFs verwenden, was die Bandbreitennutzung erheblich effizienter macht.

  • Es ist ein Theme-Component, daher ist die Installation und Aktualisierung viel einfacher.

  • Es bietet die Wahl zwischen der Giphy-API oder der Tenor-API.

  • Unendliches Scrollen für Ergebnisse

  • Die resultierenden GIFs werden mit unserem nativen Bitrot-Schutz auf Discourse heruntergeladen. Sie können dieses Verhalten über bestehende Einstellungen deaktivieren, wenn Speicherplatz ein Problem darstellt.

  • Keine Notwendigkeit, mit nginx zu hantieren, um einen Proxy für HTTPS einzurichten

Erhalten eines Giphy-API-Schlüssels

Damit der Component funktioniert, müssen Sie Dashboard | GIPHY Developers besuchen und wie folgt klicken:

Füllen Sie das Formular aus und der API-Schlüssel wird angezeigt als:

Erhalten eines Tenor-API-Schlüssels

Holen Sie sich diesen Schlüssel auf der offiziellen Tenor-Website: GIF API - Better, Faster & Free | Get Your GIFs with Tenor

Besuchen Sie danach die Theme-Component-Seite in Discourse und füllen Sie die Einstellungen aus, z. B.:

Einstellungen

Name Beschreibung
api provider Welchen GIF-Anbieter sollen wir verwenden?
giphy api key GIPHY: API-Schlüssel
giphy file format GIPHY: Zu verwendendes Bildformat. WEBP hat kleinere Dateien, die schneller laden, während GIF die Kompatibilität mit alten Browsern bietet.
giphy content rating GIPHY: Inhaltsbewertung für Suchergebnisse. Weitere Informationen finden Sie unter https://developers.giphy.com/docs/optional-settings#rating .
giphy locale GIPHY: Zu verwendende Sprache für die Suche. Wird verwendet, um die Suche an regionale Inhalte anzupassen. Stellen Sie dies auf Ihre Standard-Forumssprache ein.
limit infinite search results Begrenzen Sie die Anzahl der zurückgegebenen GIF-Ergebnisse, wenn der Benutzer unendlich scrollt, um API-Ratenbegrenzungen zu vermeiden.
max results limit Tenor & GIPHY: Wenn „limit infinite search results" aktiviert ist, suchen wir, bis wir diese maximale Anzahl von GIF-Ergebnissen erreicht haben. Jeder API-Aufruf ruft 24 Ergebnisse ab, z. B. 240 Max Limit: 240 / 24 = 10 API-Aufrufe.
tenor api key Tenor: V2-API-Schlüssel. Anweisungen zum Erhalten finden Sie in Discourse Meta - Discourse Gifs .
tenor client key Tenor: (optional) vom Client angegebene Zeichenkette, die die Integration darstellt
tenor file detail Tenor: Zu verwendendes Bildformat
tenor content filter Tenor: Inhaltsfilterstufe für Tenor-Ergebnisse. Weitere Informationen finden Sie in Tenor API Guides .
tenor country Tenor: Zwei-Buchstaben-Ländercode des Ursprungslandes für die Anfrage. Ihren Ländercode finden Sie in Wikipedia - ISO_3166-1 .
tenor locale Tenor: Zu verwendende Sprache für die Suche. Ein Ländercode (optional) kann angegeben werden, um zwischen Dialekten zu unterscheiden.
Übersetzung Standard
gif.modal_title GIFs suchen
gif.query Begriff
gif.insert Ausgewählte Bilder einfügen
gif.composer_title GIFs suchen
gif.no_results Geben Sie einen Stichwort in das Eingabefeld oben ein, um nach GIFs zu suchen.
gif.bad_api_key Ungültiger $api_provider-API-Schlüssel. Site-Administratoren, bitte überprüfen Sie Ihren Schlüssel und/oder Ihr $api_provider-Konto.
gif.error_rate_limit Wir haben unsere $api_provider-API-Ratenbegrenzungen erreicht. Bitte warten Sie und versuchen Sie es später erneut. Wenn dieses Problem weiterhin besteht, wenden Sie sich an Ihren Site-Administrator.
gif.error_search_too_long Bitte verkürzen Sie Ihre Suchanfrage auf weniger als 50 Zeichen und versuchen Sie es erneut.

:discourse2: Von uns gehostet? Theme-Components können in unseren Standard-, Business- und Enterprise-Plänen verwendet werden.

84 „Gefällt mir“

Hey @Heather_Dudley,

Ich habe eine neue Site-Einstellung hinzugefügt, mit der du den Component zwingen kannst, das GIF-Format anstelle von WebP zu verwenden.

Denke jedoch daran, dass dies mehr als die doppelte Festplattenspeicher- / Netzwerkbandbreite beansprucht, bei gleichzeitig geringerer Qualität.

Dieses GIF hier:

GIF: 3,5 MB
giphy

WEBP: 1,4 MB
Detective Pikachu Reaction GIF

MP4: 1 MB

AVIF: 276,8 KB

Für alle anderen habe ich die Autofokus-Funktion im Such-Modal hinzugefügt!

17 „Gefällt mir“

toll, vielen Dank! Ich habe genau nach so einer Funktion gesucht :slight_smile:

3 „Gefällt mir“

Wo ist die Einstellung, @Falco? Ich konnte sie nicht finden, um sie zu aktivieren.

1 „Gefällt mir“

1 „Gefällt mir“

Okay, dann bin ich nicht blind, ich habe diese Option nicht. Ich habe nur den API-Schlüssel:

Das Repository, mit dem ich verknüpft bin: https://github.com/discourse/discourse-gifs/tree/giphy

1 „Gefällt mir“

Oh, du hast die alte Branch-Version installiert. Bitte installiere die Hauptbranch neu unter GitHub - discourse/discourse-gifs · GitHub

3 „Gefällt mir“

Aaaah, das würde es erklären. Danke. Ich sehe keine Probleme voraus, aber ich melde mich, falls welche auftreten!

4 „Gefällt mir“

Ist es nicht möglich, Googles Tenor-Plattform zu nutzen? Seit Facebook Giphy übernommen hat, habe ich es nicht mehr verwendet und stattdessen auf Tenor umgestiegen.

3 „Gefällt mir“

Diese Komponente hat in der ersten Version Tenor verwendet, aber ich bin zu Giphy gewechselt, da die Verwendung von WEBP-GIFs im Vergleich zu anderen Formaten die Benutzerfreundlichkeit erheblich verbessert. Tenor unterstützt keine WEBP-GIFs.

4 „Gefällt mir“

Ironisch, wenn man bedenkt, wer das WebP-Format erstellt hat und wem Tenor jetzt gehört.

8 „Gefällt mir“

Vielleicht setzen sie direkt auf animierte AVIF-Dateien? Das Feature ist bereits in Chrome live und wird bald überall modern verfügbar sein.

Ich habe es oben in diesem Beitrag hinzugefügt; die Dateigröße ist erstaunlich:

5 „Gefällt mir“

Wie schreitet die Entwicklung dieses Formats voran? Wie lange wird es deiner Meinung nach dauern, bis andere Unternehmen es übernehmen (einschließlich Discourse :wink:)?

2 „Gefällt mir“

Discourse kann dies problemlos unterstützen, sobald die Browserunterstützung verfügbar ist: AVIF image format | Can I use... Support tables for HTML5, CSS3, etc

4 „Gefällt mir“

Dank @eviltrout wird der GIF-Button auf Mobilgeräten jetzt an einer besseren Stelle dargestellt, sodass dies nicht mehr vorkommt!

10 „Gefällt mir“

Danke @Falco, ist es möglich, die GIF-Schaltfläche während der Vorschau der Nachricht auszublenden?


Danke

1 „Gefällt mir“

Ich bin mit Theme-Komponenten nicht so vertraut. Ist es möglich, dies nur für eine Kategorie zu aktivieren?

Wir haben eine zufällige / Off-Topic / Spaß-Kategorie, in der dies eine großartige Ergänzung wäre. Wenn ich es jedoch für alle Kategorien hinzufüge, bricht das Chaos aus :rofl:

4 „Gefällt mir“

Du könntest es mit CSS versuchen, aber da der Composer geöffnet bleibt, wenn wir im Forum navigieren, bin ich mir nicht sicher, ob es zu 100 % funktionieren würde.

Es wäre ungefähr so:

:not(.category-your_category_id) .d-icon-discourse-gifs-gif-icon {
    display: none
}
4 „Gefällt mir“

Gute Idee. Wurde in der letzten Version hinzugefügt, bitte aktualisieren!

8 „Gefällt mir“

Das ist großartig! Gut gemacht, ich habe das gerade zu meinem Forum hinzugefügt!

4 „Gefällt mir“