aboutsummaryrefslogtreecommitdiff
path: root/src/components
diff options
context:
space:
mode:
Diffstat (limited to 'src/components')
-rw-r--r--src/components/moments/TrimmerPlayer.tsx51
1 files changed, 28 insertions, 23 deletions
diff --git a/src/components/moments/TrimmerPlayer.tsx b/src/components/moments/TrimmerPlayer.tsx
index ef829637..b28df590 100644
--- a/src/components/moments/TrimmerPlayer.tsx
+++ b/src/components/moments/TrimmerPlayer.tsx
@@ -50,6 +50,10 @@ const TrimmerPlayer: React.FC<TrimmerPlayerProps> = ({
// Callback so parent knows where the trimming endpts are
useEffect(() => onChangedEndpoints({end, start}), [end, start]);
+ useEffect(() => {
+ playerRef.current?.seek(0);
+ }, [hideTrimmer]);
+
return (
<>
<Video
@@ -66,7 +70,6 @@ const TrimmerPlayer: React.FC<TrimmerPlayerProps> = ({
resizeMode={'contain'}
repeat={true}
onLoad={(payload) => {
- console.log(payload, source);
setEnd(payload.duration);
handleLoad(payload.naturalSize);
}}
@@ -80,28 +83,30 @@ const TrimmerPlayer: React.FC<TrimmerPlayerProps> = ({
setPaused((state) => !state);
}}
/>
- <View style={styles.trimmerContainer}>
- <Trimmer
- // link to descr and use of props for trimmer ->
- // https://github.com/shahen94/react-native-video-processing
- source={source}
- height={hideTrimmer ? 0 : 75}
- width={hideTrimmer ? 0 : SCREEN_WIDTH}
- onTrackerMove={(e: {currentTime: number}) => {
- setPaused(true);
- setSeekTime(e.currentTime);
- }}
- currentTime={trackerTime}
- themeColor={'white'}
- thumbWidth={10}
- trackerColor={'white'}
- onChange={(e: {endTime: number; startTime: number}) => {
- setPaused(true);
- setEnd(e.endTime);
- setStart(e.startTime);
- }}
- />
- </View>
+ {!hideTrimmer && (
+ <View style={styles.trimmerContainer}>
+ <Trimmer
+ // link to descr and use of props for trimmer ->
+ // https://github.com/shahen94/react-native-video-processing
+ source={source}
+ height={75}
+ width={SCREEN_WIDTH}
+ onTrackerMove={(e: {currentTime: number}) => {
+ setPaused(true);
+ setSeekTime(e.currentTime);
+ }}
+ currentTime={trackerTime}
+ themeColor={'white'}
+ thumbWidth={10}
+ trackerColor={'white'}
+ onChange={(e: {endTime: number; startTime: number}) => {
+ setPaused(true);
+ setEnd(e.endTime);
+ setStart(e.startTime);
+ }}
+ />
+ </View>
+ )}
</>
);
};