Discourse-Gifs

||||
-|-|
:discourse2: | Zusammenfassung | Discourse Gifs fügt dem Editor eine Schaltfläche hinzu, mit der du nach GIFs suchen und das beste einfach in deinen Beitrag einfügen kannst.
:hammer_and_wrench: | Repository-Link | https://github.com/discourse/discourse-gifs
:open_book: |Neu bei Discourse-Themes? | Einsteigeranleitung zur Verwendung von Discourse-Themes

Dieses Theme-Komponente installieren

Funktionen

Nach der Suche erhältst du eine endlos scrollende Wand mit verwandten GIFs:

recording

Ein Klick auf eines fügt es in deinen aktuellen Editor ein, der dann so aussieht:

shut up and take my money GIF by Product Hunt

Dies basiert stark auf einer alten Fork von ReplyGif: Adding reaction GIF easily, also Danke an @cpradio.

Die großen Unterschiede sind:

  • Es kann animiertes WebP anstelle von GIFs verwenden, was viel effizienter für die Bandbreite ist.

  • Es ist eine Theme-Komponente, daher ist die Installation und Aktualisierung viel einfacher.

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

  • Endloses Scrollen für Ergebnisse

  • Heruntergeladene GIFs werden in Discourse unter Verwendung unseres nativen Bitrot-Schutzes gespeichert. Dieses Verhalten kann über die vorhandenen Einstellungen deaktiviert werden, wenn Speicherplatz ein Problem darstellt.

  • Kein Need, an nginx zu fummeln, um einen Proxy für HTTPS einzurichten

Erhalten eines Giphy API-Schlüssels

Damit die Komponente funktioniert, musst du Dashboard | GIPHY Developers besuchen und auf Folgendes klicken:

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

Erhalten eines Tenor API-Schlüssels

Hole dir den Schlüssel auf der offiziellen Tenor-Seite: GIF API - Better, Faster & Free | Get Your GIFs with Tenor

Besuche danach die Seite der Theme-Komponente in Discourse und fülle 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 findest du unter https://developers.giphy.com/docs/optional-settings#rating .
giphy locale GIPHY: Zu verwendende Sprache bei der Suche. Wird verwendet, um die Suche auf regionale Inhalte abzustimmen. Stelle sie auf die Standardsprache deines Forums ein.
limit infinite search results Begrenze die Anzahl der zurückgegebenen GIF-Ergebnisse, während der Benutzer endlos scrollt, um API-Ratenbegrenzungen zu verhindern.
max results limit Tenor & GIPHY: Wenn „limit infinite search results“ aktiviert ist, suchen wir, bis wir diese maximale Anzahl an GIF-Ergebnissen erhalten. 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 eines Schlüssels findest du in Discourse Meta - Discourse Gifs .
tenor client key Tenor: (optional) clientseitig angegebene Zeichenfolge, die die Integration repräsentiert
tenor file detail Tenor: Zu verwendendes Bildformat
tenor content filter Tenor: Sicherheitsniveau für Tenor-Ergebnisse. Weitere Informationen findest du in Tenor API Guides .
tenor country Tenor: Zweistelliger Ländercode des Ursprungs für die Anfrage. Finde deinen Ländercode in Wikipedia - ISO_3166-1 .
tenor locale Tenor: Zu verwendende Sprache bei der Suche. Der 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 Gib einen Suchbegriff in das Eingabefeld oben ein, um nach GIFs zu suchen.
gif.bad_api_key Ungültiger $api_provider API-Schlüssel. Site-Administratoren, bitte prüfe deinen Schlüssel und/oder dein $api_provider-Konto.
gif.error_rate_limit Wir haben unsere $api_provider API-Ratenbegrenzungen erreicht. Bitte warte und versuche es später erneut. Wenn dieses Problem weiterhin besteht, kontaktiere deinen Site-Administrator.
gif.error_search_too_long Bitte kürze deine Suchanfrage auf unter 50 Zeichen und versuche es erneut.

:discourse2: Von uns gehostet? Theme-Komponenten sind in unseren Standard-, Business- und Enterprise-Plänen verfügbar.

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“