diff options
| author | Michael <michael.foiani@gmail.com> | 2021-07-14 17:48:55 -0400 |
|---|---|---|
| committer | Michael <michael.foiani@gmail.com> | 2021-07-14 17:48:55 -0400 |
| commit | f1873c074f3e9d8807b5e812f7ee37ba495a6c0a (patch) | |
| tree | 277de3f67d98155de7b4f1e5537352fe38244c06 /src/components/comments | |
| parent | 346d53a55a9d880dad706859350712bac2fedc5b (diff) | |
Incorportated the trimmer component on the zoom inn croppper page. Trimmer is hidden. Will incorporate trimmer soon.
Diffstat (limited to 'src/components/comments')
| -rw-r--r-- | src/components/comments/ZoomInCropper.tsx | 17 |
1 files changed, 9 insertions, 8 deletions
diff --git a/src/components/comments/ZoomInCropper.tsx b/src/components/comments/ZoomInCropper.tsx index 6f8ff97c..5fad89e6 100644 --- a/src/components/comments/ZoomInCropper.tsx +++ b/src/components/comments/ZoomInCropper.tsx @@ -10,12 +10,14 @@ import {MainStackParams} from '../../routes'; import { cropVideo, HeaderHeight, + numberWithCommas, SCREEN_HEIGHT, SCREEN_WIDTH, } from '../../utils'; import {TaggSquareButton} from '../common'; import ReactNativeZoomableView from '@dudigital/react-native-zoomable-view/src/ReactNativeZoomableView'; import Video from 'react-native-video'; +import {TrimmerPlayer} from '../moments/trimmer'; type ZoomInCropperRouteProps = RouteProp<MainStackParams, 'ZoomInCropper'>; type ZoomInCropperNavigationProps = StackNavigationProp< @@ -304,19 +306,18 @@ export const ZoomInCropper: React.FC<ZoomInCropperProps> = ({ }} style={styles.zoomView}> <View style={styles.videoParent} ref={vidRef}> - <Video - source={{uri: media.uri}} - volume={1} - style={[ + <TrimmerPlayer + hideTrimmer={false} + source={media.uri} + videoStyles={[ styles.media, { height: SCREEN_WIDTH / aspectRatio, }, ]} - repeat={true} - resizeMode={'contain'} - onLoad={(response) => { - const {width, height} = response.naturalSize; + handleLoad={(response: Object) => { + console.log(response); + const {width, height} = response; setOrigDimensions([width, height]); setAspectRatio(width / height); }} |