Animated gifs

[alekcangp]

Is it possible to use animated gifs as a background?

image: 'data:image/png;base64,' + imageData,

[FTCHD]

Possible or allowed? The answer is yes to both questions.

However, you do not do that by returning an image. You must return a component.

Please see how all other templates have been created in the @templates folder.

You do not override the image, you pass a React component that is stored in your views folder.

[FTCHD]

The first video in the HACKATHONS wiki page shows how to do that: https://github.com/FTCHD/frametrain/wiki/%5BHACKATHONS%5D

[alekcangp]

Any example with animated background?

[FTCHD]

Open your React .tsx component located in the views folder, and set the gif URL as the src of an img tag.

The video you've uploaded shows the perspective of a User when they are using your Template. Do you want to allow Users to upload arbitrary GIFs and change the background of the Frame? That is not possible yet. Users can only upload images.

I assume that's not what you want. You want to set the background of the Template and keep it like that, not have the user change it.

To achieve that, follow the steps in the first sentence above.

[alekcangp]

It is still not animated in my case.
It seems vercel og doesn't support animated gifs.

[FTCHD]

Seems so. If you want to have only the gif as the background and no other elements (basically no View/React component), then you can indeed fetch the gif yourself, convert it to base64 and pass it to image, that should work.