Issues with Animated GIFs and Transparent Videos in Xibo

Get Help Xibo Player for Windows
1

Hello everyone,

I’m trying to use an animated GIF with a transparent background in my Xibo installation, but I’ve encountered some issues and I’m hoping someone can help me.

Here’s what I’ve tried so far:

  1. Uploading the Animated GIF: I uploaded an animated GIF directly into the media section of Xibo, but I couldn’t get it to display in the layout.
  2. Conversion to WebM: I tried converting the GIF to a WebM video file with transparency using FFmpeg. The command I used was:

bash

Copy

ffmpeg -i input.gif -c:v libvpx -pix_fmt yuva420p output.webm

Even after this conversion, the video loads in the layout but doesn’t display.
3. Checking the Player: I made sure that my player is updated and compatible with playing WebM files, but I still can’t see the video.
4. Codec Verification: I tried different codec settings, but the issue persists.

Questions:

  • What is the best solution for using an animation with transparency in Xibo?
  • Are there any other suggested video formats that support transparency besides WebM?
  • Is there a better way to integrate animated GIFs that maintain transparency?

Thank you in advance for your assistance!

2

Hi cercabicculi,

For images, Xibo currently support static images and will not be able to play GIFs. Please see reference Xibo Image.

For videos, Xibo at the moment only supports .mp4 formats encoded in H264. Please see reference Xibo Videos.

I have been able to show the GIF while I was testing, however, I needed to convert the .gif file to a .mp4 format using a tool called ‘Handbrake’ using either the ‘Fast 1080p30’ or ‘Fast 720p30’ preset. After converting the file, I then uploaded it in CMS and as expected the .gif file shows as a video.

3

Thank you for your suggestions! I had read that animated GIFs are not supported and tried different tests with videos, but I hadn’t considered using Handbrake. I’ll try it right away!

I really appreciate your help.

4

You can get them to display by either embedding them in a websource or adding them as htz source.

5

ok, i’ll try. Thanks