En tant que designer, je veux pouvoir intégrer les motions à l'application

bastienrobert / la-ferme

mobile-app board game to denounce uncivilities of everyday life

https://la-ferme.netlify.app/

MIT License

1 stars 1 forks source link

En tant que designer, je veux pouvoir intégrer les motions à l'application #47

Open bastienrobert opened 4 years ago

bastienrobert commented 4 years ago

Description Les vidéos avec arrière plan transparent doivent pouvoir être intégrées.

Figma eg. 04, 07, 08, 09...

Screenshots

Plus de détails Plusieurs possibilités d'offrent à nous :

monter un context GL pour gérer l'alpha (impossible: https://expo.canny.io/feature-requests/p/expo-gl-video-support, https://stackoverflow.com/questions/61174073/react-native-video-as-gl-texture)
faire des sprites à partir d'images (perf?)
monter un context GL et faire des sprites
faire du WEBP et trouver une solution pour gérer la fin de l'animation
utiliser du WEBM (possible?)

bastienrobert commented 4 years ago

hevc pour iOS et webm pour android

https://stackoverflow.com/questions/61011663/cannot-get-transparent-background-with-ffmpeg-hevc-to-vp8-vp9 https://stackoverflow.com/questions/644684/turn-image-sequence-into-video-with-transparency

bastienrobert commented 4 years ago

@solenerobichon @Celine-LP il faudrait tester des exports en WEBM et/ou en HEVC pour avoir le canal alpha dans l'export de la vidéo. C'est des formats qui acceptent la transparence comme les PNG. Par exemple cette vidéo: https://aura.app/videos/developer-hevc-bounce-5319b8308f.mov à un canal alpha. Quand on appuie sur la barre espace dans le Finder, la preview ressemble à ça :

bastienrobert commented 4 years ago

Finalement problématique au niveau du HEVC :

compatible iOS 13+, pas en dessous
impossible a sortir depuis AE et FFMPEG ne permet pas de convertir en un codec HEVC + alpha (cf. https://stackoverflow.com/questions/61661140/convert-webm-to-hevc-with-alpha/)