Use own component to display GIF about giphy-js HOT 4 CLOSED

@pierroo I'm not 100% sure I understand. You can access the gif object in onGifClick(gif: IGif) and then you can access its properties to get the .gif file at the rendition you want. We have a @giphy/js-utils package to help there if needed.

Lmk more details, or feel free to fork our codesandbox and write a demo of what you'd like: https://codesandbox.io/s/giphyreact-components-hbmcf?from-embed=&file=/src/index.tsx

from giphy-js.

Thank you for your answer.
I will try to be clearer : ongifclick returns an object with looooots of options to pick from.
And those option work if I copy / paste them in a browser.

However, try to use them as a src for a simple react image component and it breaks apart.
I would like to simply copy one of these value into the img component to have to it displayed as a simple gif, but none of those properties seems to have the *.gif extension that would allow it...

Your codesandbox are great but they all use components from your sdk to display the gif whereas I would like to use a simple react component.

from giphy-js.

@pierroo Perhaps you can look at these lines of code on how I use our utils to get the best rendition and then display it with an img tag.

gif.images.original.url is the highest rendition gif, if you want to use that, you don't need the giphy utils to get the best rendition as I do in our Gif component

from giphy-js.

Thank you @giannif for this suggestion; it allowed me to understand the issue:
I was using "embed_url" property, inside of the url placed inside one of those images properties.
Using any url from one of those did work properly, thank you again so much for your help!

from giphy-js.