search

TheWidlarzGroup / react-native-video

A <Video /> component for react-native
https://docs.thewidlarzgroup.com/react-native-video/
MIT License
7.23k stars 2.9k forks source link

[Feature]: Video Scrubbing with Preview Thumbnails #4094

Open coofzilla opened 3 months ago

coofzilla commented 3 months ago

Description

Adds video scrubbing with thumbnail previews to enhance navigation.

image

Why it is needed ?

Improves user experience by providing visual cues during scrubbing.

Possible implementation

For ios to support hls I believe it would involve implementing https://developer.apple.com/documentation/http-live-streaming/hls-authoring-specification-for-apple-devices#Trick-Play

moskalakamil commented 3 months ago

Hi @coofzilla, thanks for sharing an idea! Right now it's possible to show preview on video while seeking thanks to Plugins System. You can read more about how to integrate this feature on this blog https://medium.com/@freeboub/react-native-video-plugin-thumbnail-view-5a4a227299b8. And you see the demo here https://github.com/TheWidlarzGroup/react-native-video/pull/3943

coofzilla commented 2 months ago

Is there a roadmap for when plugins are going to be "stable"? Also, what is the intention on the possibilities, from what I read this is mainly for analytics features? but, perhaps I'm misinterpreting this?

I was imagining something where the community can create plugins for niche features and then this way add them as we need it. Is that the direction these plugins are going?

freeboub commented 2 months ago

@coofzilla the api is marked as unstable because we don't have much feedback on the implementation. So I hope it will not change. Of course, you can use it and also use it for a thumbnail preview. I wrote a POC with an explanation here : https://medium.com/@freeboub/react-native-video-plugin-thumbnail-view-5a4a227299b8

I hope it helps !

freeboub commented 2 months ago

@coofzilla I am also thinking of creating a plug-in to synchronize 2 players (linked to your other feature request). I can elaborate more if you want details on my idea, but unfortunately, I don't have time to implement it ...

coofzilla commented 2 months ago

@coofzilla I am also thinking of creating a plug-in to synchronize 2 players (linked to your other feature request). I can elaborate more if you want details on my idea, but unfortunately, I don't have time to implement it ...

yeah I'd love to hear about it! I haven't had a chance to dive into plugins for react-native-video ; so, I'm curious how they work and whats possible with them.