Hubs-Foundation / hubs

Duck-themed multi-user virtual spaces in WebVR. Built with A-Frame.
https://hubsfoundation.org
Mozilla Public License 2.0
2.13k stars 1.41k forks source link

Added GIF shows broken media link #4777

Open tammyruihuang opened 3 years ago

tammyruihuang commented 3 years ago

Description I created a gif using Microsoft PowerPoint. I tested it in a browser and it works. I then uploaded it into MyAssets on Spoke. Here's the link: https://uploads-prod.reticulum.io/files/5605d5cf-b231-4281-b2c5-8dc62fafd027.gif I added this asset in Spoke and published it. It shows "Broken media link".

Another route I took was, I came to my Hubs space, drag/dropped the gif file into the space. After the object was added, it also shows "Broken media link". However, after I pressed the spacebar and selected "Open Link", the gif shows just fine.

I also tried to use the Place button and add the GIF file as an attachment. It turned out to be the same result.

Expected behavior The GIF shows in the Hubs space.

Screenshots This is the broken link shown in the Hubs space after I added it in Spoke and published.

Screen Shot 2021-10-25 at 4 13 05 PM

Hardware

┆Issue is synchronized with this Jira Task

brianpeiris commented 3 years ago

There seems to be something about this particular GIF that causes our image loader to fail.

There is an error in the dev console that says:

 Error loading image. Error: parseGIF: no GIF89a

@tammyruihuang I would suggest using another tool to import and then re-export the gif. For example, load the gif into an image editor like Photoshop, or an online gif tool, and then save it again as a gif. This might fix the format issue.

Another workaround, until we fix this bug, might be to convert the gif into a video file instead.