GIF di Discourse

:discourse2: Riepilogo Discourse Gifs aggiunge un pulsante all’editor 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: Novizio dei Temi di Discourse? Guida introduttiva all’uso dei Temi di Discourse

Installa questo componente tema

Funzionalità

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

recording

Facendo clic su una gif, questa viene inserita nel tuo editor corrente, che appare così:

shut up and take my money GIF by Product Hunt

Questo si basa pesantemente su un vecchio fork di ReplyGif: Adding reaction GIF easily, quindi grazie a @cpradio.

Le grandi differenze sono:

  • Può utilizzare webp animati invece di gif, quindi è molto più efficiente per la banda.

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

  • Offre la scelta tra l’API Giphy o l’API 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 è una preoccupazione.

  • Non c’è bisogno di modificare nginx per configurare un proxy per HTTPS

Ottenere una chiave API Giphy

Per far funzionare il componente, devi visitare Dashboard | GIPHY Developers e cliccare come mostrato:

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 - Better, Faster & Free | Get Your GIFs with Tenor

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

Impostazioni

Nome Descrizione
api provider Quale provider GIF dovremmo usare?
giphy api key GIPHY: Chiave API
giphy file format GIPHY: Formato immagine da usare. WEBP ha file più piccoli che si caricano più velocemente, mentre GIF offre compatibilità con browser vecchi.
giphy content rating GIPHY: Valutazione del contenuto per i risultati di ricerca. Trova ulteriori informazioni su https://developers.giphy.com/docs/optional-settings#rating .
giphy locale GIPHY: Lingua da usare nella ricerca. Usata per adattare la ricerca ai contenuti regionali. Imposta alla tua impostazione predefinita della lingua del forum.
limit infinite search results Limita il numero di risultati GIF restituiti mentre l’utente scorre infinitamente per prevenire la limitazione della 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 Max: 240 / 24 = 10 Chiamate API .
tenor api key Tenor: Chiave API V2. Le istruzioni per ottenerne una possono essere trovate 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 usare
tenor content filter Tenor: Livello di sicurezza del contenuto per i risultati Tenor. Trova ulteriori informazioni in Tenor API Guides .
tenor country Tenor: Codice Paese a due lettere di origine della richiesta. Trova il codice del tuo paese su Wikipedia - ISO_3166-1 .
tenor locale Tenor: Lingua da usare nella ricerca. Il codice del 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 sopra per cercare GIF.
gif.bad_api_key Chiave API $api_provider non valida. Gli amministratori del sito, controlla la tua chiave e/o il tuo account $api_provider.
gif.error_rate_limit Abbiamo raggiunto i nostri limiti di frequenza API di $api_provider. Attendere e riprovare 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 tema sono disponibili per l’uso sui nostri piani Standard, Business ed 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