aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorIvan Chen <ivan@tagg.id>2021-06-23 17:13:03 -0400
committerIvan Chen <ivan@tagg.id>2021-06-23 17:13:03 -0400
commit0142023fab8f8a9bddf35b9a9cd40d54345186c0 (patch)
treec98b36705eb46ab286746bf8dbb5f1969d658cca
parent9f835e1b82647477ec959a62b02dee4e9351b1b5 (diff)
Add ability to view video taggs
-rw-r--r--src/components/moments/Moment.tsx6
-rw-r--r--src/components/moments/MomentPostContent.tsx39
2 files changed, 20 insertions, 25 deletions
diff --git a/src/components/moments/Moment.tsx b/src/components/moments/Moment.tsx
index 1c266307..8ff05824 100644
--- a/src/components/moments/Moment.tsx
+++ b/src/components/moments/Moment.tsx
@@ -78,12 +78,6 @@ const Moment: React.FC<MomentProps> = ({
mediaType: 'video',
})
.then(async (vid) => {
- // if ('path' in vid) {
- // console.log(vid);
- // // vid.path is compressed mp4, vid.sourceURL is uncompressed original
- // if (vid.path) {
- // uploadVideo(vid.path);
- // }
if (vid.path) {
const randHash = Math.random().toString(36).substring(7);
navigation.navigate('CaptionScreen', {
diff --git a/src/components/moments/MomentPostContent.tsx b/src/components/moments/MomentPostContent.tsx
index 27a68e47..4d2554d8 100644
--- a/src/components/moments/MomentPostContent.tsx
+++ b/src/components/moments/MomentPostContent.tsx
@@ -82,7 +82,6 @@ const MomentPostContent: React.FC<MomentPostContentProps> = ({
setHideText(false);
}
}, [keyboardVisible, hideText]);
-
return (
<View style={[styles.container, style]}>
<TouchableWithoutFeedback
@@ -91,23 +90,25 @@ const MomentPostContent: React.FC<MomentPostContentProps> = ({
setFadeValue(new Animated.Value(0));
}}>
{isVideo ? (
- <Video
- // ref={imageRef}
- source={{
- uri: moment.moment_url,
- }}
- // HLS m3u8 version
- // source={{
- // uri: 'https://multiplatform-f.akamaihd.net/i/multi/will/bunny/big_buck_bunny_,640x360_400,640x360_700,640x360_1000,950x540_1500,.f4v.csmil/master.m3u8',
- // }}
- // mp4 version
- // source={{
- // uri: 'http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4',
- // }}
- volume={1}
- style={styles.image}
- // style={styles.video}
- />
+ <View ref={imageRef}>
+ <Video
+ // ref={imageRef}
+ source={{
+ uri: moment.moment_url,
+ }}
+ // HLS m3u8 version
+ // source={{
+ // uri: 'https://multiplatform-f.akamaihd.net/i/multi/will/bunny/big_buck_bunny_,640x360_400,640x360_700,640x360_1000,950x540_1500,.f4v.csmil/master.m3u8',
+ // }}
+ // mp4 version
+ // source={{
+ // uri: 'http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4',
+ // }}
+ volume={1}
+ style={styles.image}
+ repeat={true}
+ />
+ </View>
) : (
<Image
ref={imageRef}
@@ -123,7 +124,7 @@ const MomentPostContent: React.FC<MomentPostContentProps> = ({
/>
)}
</TouchableWithoutFeedback>
- {visible && !isVideo && (
+ {visible && (
<Animated.View style={[styles.tapTag, {opacity: fadeValue}]}>
<MomentTags
editing={false}