memeLab / Jandig

Web AR served as a PWA to enable artists to expose and share virtual content in real spaces.
http://jandig.app
GNU General Public License v3.0
56 stars 21 forks source link

As an artist, I want to publish videos instead of GIFs, so I can offer a smoother experience (with smaller files). #248

Closed vjpixel closed 4 years ago

vjpixel commented 5 years ago

Adding support for video files with alpha would make possible for artists to create other kinds of content. right now, when we convert video files as GIFs, so they're way too big, making very difficult to have video content right now.

A non-exhaustive list of video codecs and image formats with alpha channels can be found here: https://www.rocketstock.com/blog/video-codecs-and-image-sequences-with-alpha-channels/

WebM also has support.

amarorn commented 4 years ago

please detail better, how would this video playback be.

vjpixel commented 4 years ago

User story: As an artist, I want to publish videos instead of GIFs.


What we want here is to support a new file format. The publishing workflow will keep the same, but a new file format needs to be added.

For the users, it will be completely transparent. Instead of watching GIFs, when an artist publish a video, the users will be an object in this new format.

It's important to remember that the objects are shown in a loop, so the users don't recognize the end or beginning of the animation or video. The video needs to work in the same way.

rodrigocam commented 4 years ago

@vjpixel @angellorn I have added initial video support to ar-gif, I didn't test videos with a transparent background, but it worked with an mp4. Here is the new version https://github.com/rodrigocam/ar-gif/blob/video_support/build/ar-gif.min.js

amarorn commented 4 years ago

I'm using the AR.js library itself, I thought about calling with this change can I use the same one out of the air to call the tag? for example today I do this in html to rederize the video

vjpixel commented 4 years ago

I've tested and it's working.