feat: Replace Animation Library to Reanimated

[goheroes]

Apply Reanimated for UI/UX experiences

[LunatiqueCoder]

Ohhh this is actually so nice! Can't wait to take a better look at it. Hopefully it will be this weekend or the next. 🙈

[LunatiqueCoder]

I didn't test the changes yet, nor did I have a closer look at the code, but I'm wondering how much effort would require to keep both implementations by having a withReanimated: boolean prop. 🤔 I think that letting the users choose between the two it's the best way to go, of course only if that's possible.

[goheroes]

I didn't test the changes yet, nor did I have a closer look at the code, but I'm wondering how much effort would require to keep both implementations by having a withReanimated: boolean prop. 🤔 I think that letting the users choose between the two it's the best way to go, of course only if that's possible.

I completely agree with you and hope so.
However, implementing animation effects, including user interaction, while the video is running, is definitely not feasible on a traditional single thread, especially when playing heavy video with high quality.
I think it would be better to aim to avoid bottlenecks through worklets.

[LunatiqueCoder]

Will test the changes, then I will try to merge everything together so it can play nicely with or without reanimated

[LunatiqueCoder]

Tested, changes look good. Trying to find a way to implement a reanimated: boolean prop for this.

[LunatiqueCoder]

Merging this for now, however, I think I will extract your logic in a separate package and let the user decide if what he wants to use it for the animations.

[LunatiqueCoder]

Merging this for now, however, I think I will extract your logic in a separate package and let the user decide if what he wants to use it for the animations.

[LunatiqueCoder]

@goheroes I extracted your logic into @react-native-media-console/reanimated. Be sure to check the docs and see how to use it. There should be no breaking changes.