GIF di Discourse

:discourse2: Riepilogo Discourse Gifs aggiunge un pulsante al compositore che ti permette di cercare GIF e aggiungere facilmente la migliore al tuo post.
:hammer_and_wrench: Link al Repository https://github.com/discourse/discourse-gifs
:open_book: Nuovo ai Temi Discourse? Guida per principianti all’uso dei Temi Discourse

Installa questo componente del tema

Funzionalità

Dopo la ricerca, otterrai un muro a scorrimento infinito di GIF correlate:

recording

Cliccandone una, questa verrà inserita nel tuo compositore corrente, che apparirà così:

shut up and take my money GIF by Product Hunt

Questo si basa fortemente su un vecchio fork di ReplyGif: Aggiungere facilmente GIF di reazione, quindi grazie a @cpradio.

Le principali differenze sono:

  • Può utilizzare WebP animato invece di GIF, rendendolo molto più efficiente per la larghezza di banda.

  • È un componente del tema, quindi è molto più semplice da installare e aggiornare.

  • Offre la scelta tra l’API di Giphy e quella di Tenor.

  • Scorrimento infinito per i risultati.

  • Le GIF risultanti vengono scaricate su Discourse utilizzando la nostra protezione nativa contro il bitrot. Puoi disabilitare questo comportamento utilizzando le impostazioni esistenti se lo spazio è un problema.

  • Non è necessario configurare nginx per impostare un proxy per HTTPS.

Ottenere una chiave API Giphy

Affinché il componente funzioni, devi visitare Dashboard | GIPHY Developers e cliccare come segue:

Compila il modulo e la chiave API verrà visualizzata come:

Ottenere una chiave API Tenor

Ottieni quella chiave sul sito ufficiale di Tenor: GIF API - Migliore, più veloce e gratuita | Ottieni le tue GIF con Tenor

Dopo di ciò, visita la pagina del componente del tema su Discourse e compila le impostazioni, ad esempio:

Impostazioni

Nome Descrizione
api provider Quale provider di GIF dobbiamo utilizzare?
giphy api key GIPHY: Chiave API
giphy file format GIPHY: Formato immagine da utilizzare. WEBP ha file più piccoli che si caricano più velocemente, mentre GIF garantisce la compatibilità con i browser vecchi.
giphy content rating GIPHY: Classificazione dei contenuti per i risultati della ricerca. Ulteriori informazioni su https://developers.giphy.com/docs/optional-settings#rating .
giphy locale GIPHY: Lingua da utilizzare nella ricerca. Utilizzata per adattare la ricerca ai contenuti regionali. Impostala sulla tua lingua predefinita del forum.
limit infinite search results Limita il numero di risultati GIF restituiti mentre l’utente scorre all’infinito per prevenire il superamento dei limiti di frequenza delle chiamate API.
max results limit Tenor & GIPHY: Quando “limit infinite search results” è abilitato, cercheremo fino a ottenere questo numero massimo di risultati GIF. Ogni chiamata API recupera 24 risultati, ad esempio 240 Limite massimo: 240 / 24 = 10 chiamate API.
tenor api key Tenor: Chiave API V2. Le istruzioni per ottenerne una si trovano in Discourse Meta - Discourse Gifs .
tenor client key Tenor: (opzionale) stringa specificata dal client che rappresenta l’integrazione
tenor file detail Tenor: Formato immagine da utilizzare
tenor content filter Tenor: Livello di sicurezza dei contenuti per i risultati di Tenor. Ulteriori informazioni su Tenor API Guides .
tenor country Tenor: Codice paese di origine a due lettere per la richiesta. Trova il tuo codice paese su Wikipedia - ISO_3166-1 .
tenor locale Tenor: Lingua da utilizzare nella ricerca. Il codice paese (opzionale) può essere fornito per differenziare tra dialetti.
Traduzione Predefinito
gif.modal_title Cerca GIF
gif.query Termine
gif.insert Inserisci immagini selezionate
gif.composer_title Cerca GIF
gif.no_results Inserisci una parola chiave nella casella di input qui sopra per cercare GIF.
gif.bad_api_key Chiave API $api_provider non valida. Amministratori del sito, controlla la tua chiave e/o il tuo account $api_provider.
gif.error_rate_limit Abbiamo raggiunto i limiti di frequenza delle chiamate API di $api_provider. Attendi e riprova più tardi. Se il problema persiste, contatta l’amministratore del sito.
gif.error_search_too_long Accorcia la tua query di ricerca a meno di 50 caratteri e riprova.

:discourse2: Ospitato da noi? I componenti del tema sono disponibili per l’uso nei nostri piani Standard, Business e Enterprise.

84 Mi Piace

Ciao @Heather_Dudley,

Ho aggiunto una nuova impostazione del sito che ti permette di forzare il componente a utilizzare il formato GIF invece di WebP.

Tieni presente che questo comporta l’uso di oltre il doppio dello spazio su disco e della larghezza di banda di rete, pur offrendo una qualità inferiore.

Ecco questo GIF:

GIF: 3,5 MB
giphy

WEBP: 1,4 MB
Detective Pikachu Reaction GIF

MP4: 1 MB

AVIF: 276,8 KB

Per tutti gli altri, ho aggiunto la messa a fuoco automatica nella finestra di ricerca!

17 Mi Piace

Fantastico, grazie mille! Stavo cercando proprio questa funzionalità :slight_smile:

3 Mi Piace

Dov’è l’impostazione, @Falco? Non sono riuscito a trovarla per attivarla.

1 Mi Piace

1 Mi Piace

Ok, quindi non sono cieco, non ho quell’opzione. Ho solo la chiave API:

Repository a cui sono collegato: https://github.com/discourse/discourse-gifs/tree/giphy

1 Mi Piace

Oh, sei installato nel vecchio ramo, reinstalla usando il ramo principale su GitHub - discourse/discourse-gifs · GitHub

3 Mi Piace

Aaaah, questo dovrebbe risolvere. Grazie. Non prevedo problemi, ma ti farò sapere se ne avrò!

4 Mi Piace

Non è possibile utilizzare la piattaforma Tenor di Google? Dopo che Facebook ha acquisito Giphy, ho smesso di usarlo e sono passato a Tenor.

3 Mi Piace

Questo componente utilizzava Tenor nella prima versione, ma sono passato a Giphy perché l’uso di GIF in formato WEBP è molto più vantaggioso per l’usabilità rispetto ad altri formati. Inoltre, Tenor non supporta le GIF in formato WEBP.

4 Mi Piace

Ironicamente, considerando chi ha creato il formato WebP e chi ora possiede Tenor.

8 Mi Piace

Forse puntano direttamente agli avif animati? Sono già disponibili su Chrome e presto su tutti i browser moderni.

Li ho aggiunti al post qui sopra, le dimensioni del file sono incredibili:

5 Mi Piace

Come sta procedendo lo sviluppo di quel formato? Quanto pensi che ci vorrà perché altre aziende lo adottino (incluso Discourse :wink:)?

2 Mi Piace

Discourse può supportarlo facilmente non appena il supporto nei browser sarà disponibile: AVIF image format | Can I use... Support tables for HTML5, CSS3, etc

4 Mi Piace

Grazie a @eviltrout, ora il pulsante GIF viene visualizzato in una posizione migliore su mobile, quindi questo non accadrà più!

10 Mi Piace

Grazie @Falco, è possibile nascondere il pulsante GIF durante l’anteprima del messaggio?


Grazie

1 Mi Piace

Non sono molto familiare con i componenti del tema, è possibile abilitarlo solo per una categoria?

Abbiamo una categoria casuale / fuori tema / divertente dove questa sarebbe un’aggiunta fantastica, ma se la aggiungo a tutte le categorie scatenerei un vero caos :rofl:

4 Mi Piace

Potresti provare con il CSS, ma dato che il composer rimane aperto quando navighiamo nel forum, non sono sicuro che funzionerebbe al 100%.

Sarebbe qualcosa del genere

:not(.category-your_category_id) .d-icon-discourse-gifs-gif-icon {
    display: none
}
4 Mi Piace

Ottima idea. È stato aggiunto nell’ultima versione, per favore aggiornate!

8 Mi Piace

È fantastico! Ottimo lavoro, l’ho appena aggiunto al mio forum!

4 Mi Piace