XF 2.2 GIPHY integration, image proxy bypass and audio uploads

GIPHYBrandGuide.jpgHave you been sitting there thinking "I just wish XenForo 2.2 had a little bit more awesome"? Yeah so did we. So here's a few extra features that we're introducing in XenForo 2.2 Beta 2.

Noice Thats Nice GIF

GIPHY integration​

Everybody loves GIFs, right? Well, maybe not everybody but personally we love them... ok ok... maybe it's just @Chris D that loves them. Every day is a GIF (with a hard G) day for Chris.

excited happy birthday GIF
happy dance GIF by SpongeBob SquarePants
carlton dance GIF

So in XF 2.2 Beta 2 we're introducing GIPHY support. It can be enabled from this option in your Admin control panel by populating it with an API key you can obtain from GIPHY.

xenforo.com_community_admin.php_options_groups_messageOptions_.png

Once enabled, we add a handy new GIF button to the rich text editor. When you click the button you will get a list of the latest trending GIFs. But you can also search. As you scroll through the list of GIFs we automatically load more results in. We have an element of lazy loading here too whereby there is initially a still thumbnail version of the GIF loaded in first until just before the GIF scrolls into view then we load the animated version in.


That feeling when you find the perfect GIF:

Male GIF

But... wait... most of you have the image proxy enabled, right? Won't all these GIFs be cached locally and use up your precious disk space?

married with children wow GIF

Well, not necessarily...

Image proxy bypass​

For the most part, the image proxy is most useful for its ability to ensure that content served from non-HTTPS sites do not generate "insecure content warnings" when they are loaded on your (hopefully) HTTPS secured site.

Or, such as the GIPHY example above, you may simply want to avoid caching images from specific sites due to concerns about the disk space required or concerns that they may exceed the image proxy limits.

So we're also adding an option to bypass the image proxy either for all HTTPS-requests - where the effects of proxying are somewhat mooted - or specific domains.

proxy_bypass_01.png

If you choose to bypass specific domains, any domain - and its subdomains - will be bypassed. If you need a bit more control, you can write the domain as a regular expression.

danny devito wow GIF by QuickBooks

Audio uploads​

In XF 2.1 we added video upload support and so it seems only reasonable that we should consider adding audio upload support at some point.

It might just be a small coincidence that it helps us solve a little issue arising from the fact that XFMG supports audio uploads and our attachment mirroring feature was struggling to mirror audio attachments from the attachment system into the media gallery.

Coincidence Reaction GIF

If you already have video uploads enabled you do not have to do anything extra. Rather than adding extra options and permissions we made it so that the options and permissions related to video uploading now also include audio attachments by default.

Whatever sounds you decide to upload to your forum, we hope you enjoy this new feature. Here's a montage of some of our favourite sounds:



lionel richie hello GIF

Speaking of favourites, why don't you give the new GIPHY integration a whirl and post your favourite GIFs below!

Thats Nice Reaction GIF by MOODMAN


Most GIFs joyously curated by Lily Deeming, aged 7 (nearly 8)
 

djbaxter

Well-known member
For a production key, Giphy requires an attribution code below the giphy, like this image:

PoweredBy_200px-White_HorizLogo.png


But I can't figure out how to edit the bbcode to display that - even with dev mode enabled - I can add the following to the embed bbcode but it doesn't display in the post:

<br /> <img src="PoweredBy_200px-White_HorizLogo.png" alt="Powered By GIPHY" width="200" height="42">
 

btmgreg

Active member
For a production key, Giphy requires an attribution code below the giphy, like this image:

View attachment 243568

But I can't figure out how to edit the bbcode to display that - even with dev mode enabled - I can add the following to the embed bbcode but it doesn't display in the post:

<br /> <img src="PoweredBy_200px-White_HorizLogo.png" alt="Powered By GIPHY" width="200" height="42">
I followed the same steps provided by Chris. I have my production key. Took about 10 days, but I did it just before Christmas.
 

RobinHood

Well-known member
I got a key recently. Didn't need to do anything extra.

Attribution is already provided in the bottom right of the search box.

1609978350192.png
 

RobinHood

Well-known member
While I'm here, I just want to comment on how freakin' nice the giphy emails are designed. They're bloody gorgeous, and it's not often I pay attention to emails because of their design.

But it really makes a difference.

1609979327866.png
 

djbaxter

Well-known member
Got it all worked out thanks to the instructions in the XF 2.2.x documentation referenced above by @Chris D at https://xenforo.com/community/threa...-bypass-and-audio-uploads.183721/post-1490348

I submitted the information for 5 Xenforo sites yesterday and this morning received emails for all 5 sites saying they were now approved as production sites.

Belatedly, I also received an email from GIPHY support which included this information regarding the attribution question:

Xenforo has an official approved GIPHY plugin, so you can use this instead of starting from scratch.

Beautiful. :)
 
Top