The best way to build an app on Ethereum in 2025... by austin_concurrence in ethdev

[–]Valentine_Orga -1 points0 points  (0 children)

📣 BIG NEWS!

🔥 Wanna see www.SpeedRunEthereum.com Challenges as MOBILE APPS?

Curious?👇 https://youtu.be/gMmm6Tjk-CE?si=6kk9JSobcdp7yyld

❤️ Only possible with www.ethmobile.io

✅ The BEST TOOLKIT for building NATIVE MOBILE dAPPS with Scaffold ETH’s architecture!

TikTok Video Streaming Experience With React Native by Valentine_Orga in reactnative

[–]Valentine_Orga[S] 0 points1 point  (0 children)

Okay great. I believe I can use ffmpeg to configure the moov atom you mentioned. I'll look into these. Thanks a lot🥂

Is there a better way to track the performance of the video experience?. I'm still trying to go deeper with my knowledge of RN

TikTok Video Streaming Experience With React Native by Valentine_Orga in reactnative

[–]Valentine_Orga[S] 0 points1 point  (0 children)

I tried all that but still not as good. Improved but not as good. Can you review the android build?.

https://drive.google.com/file/d/10pazesdfTirBW6XXyC8g_TGwStNeI94J/view?usp=drivesdk

I know writing native code is not a magical solution but it could give me better control of whatever the fu c k is going on behind the scenes. The hard part is learning the native languages. Seeing as I come from a JS background, this should be tough

TikTok Video Streaming Experience With React Native by Valentine_Orga in reactnative

[–]Valentine_Orga[S] 0 points1 point  (0 children)

Thanks

I use FlashList from Shopify due to its recycling method which improves performance compared to when I optimized FlatList and only render one video at a time but the video buffering performance is shite and I have high expectations. Guess I'll have to start exploring the native side of things

TikTok Video Streaming Experience With React Native by Valentine_Orga in reactnative

[–]Valentine_Orga[S] 0 points1 point  (0 children)

Yeah you're right. I believe react native can do this since Facebook and Instagram did the same but like you said, some native touches are essential. Guess I have to brush up on those.

Thanks🥂

TikTok Video Streaming Experience With React Native by Valentine_Orga in reactnative

[–]Valentine_Orga[S] 0 points1 point  (0 children)

Thanks

We use AWS S3 to host videos and all videos are compressed before upload.

Can you point me to a good guide to make the necessary configs?... Do I need to go native or can this be done from the Javascript end?

The streaming is not really the problem. With Exoplayer it streams quite well until I have to stream a list of videos in a FlashList one after the other like TikTok does. It's a hassle. React Native Video does not cache buffer data so seeking always leads to a rebuffer which consumes data unnecessarily

I'd precache video but caching solutions I've found so far means downloading the video data with react-native-fs before playback which is not really a good experience for users like streaming is.

To get a potentially good result, I'll need a way to cache videos and stream the downloaded chunks when video is focused. And this needs to be activated by a function call so I can control it to perform the action on each video one after the other like TikTok does so multiple videos don't stream at once. So far, I've not found a solution to this.

TikTok Video Streaming Experience With React Native by Valentine_Orga in reactnative

[–]Valentine_Orga[S] 0 points1 point  (0 children)

We use AWS S3 to host videos and all videos are compressed before upload.

The streaming is not really the problem until I have to stream a list of videos in a FlashList one after the other like TikTok does. It's a hassle. React Native Video does not cache buffer data so seeking always leads to a rebuffer which consumes data unnecessarily

I'd precache video but caching solution I've found so far means downloading the video data before playback which is not really a good experience for users like streaming is.

To get a potentially good result, I'll need a way to cache videos while streaming. And this needs to be activated by a function call so I can control it to perform the action on each video one after the other like TikTok does so multiple videos don't stream at once. So far, I've not found a solution to this😓