Mbonea commited on
Commit
26455c2
·
1 Parent(s): 3a6cb04

Text using sequence

Browse files
Remotion-app/src/HelloWorld/TextStream.jsx CHANGED
@@ -1,9 +1,9 @@
1
  import React, {useMemo} from 'react';
2
- import {useVideoConfig, AbsoluteFill, TransitionSeries} from 'remotion';
3
  import * as Fonts from '@remotion/google-fonts';
4
  import transcriptData from './Assets/TextSequences.json';
5
  import Constants from './Assets/Constants.json';
6
- import {TransitionSeries} from '@remotion/transitions';
7
  const defaultText = {
8
  fontFamily: 'Luckiest Guy',
9
  fontSize: 120,
@@ -45,20 +45,18 @@ const TextStream = React.memo(() => {
45
  alignItems: 'center',
46
  }}
47
  >
48
- <TransitionSeries>
49
- {memoizedTranscriptData.map((entry, index) => {
50
- return (
51
- <TransitionSeries.Sequence
52
- style={subtitle}
53
- key={index}
54
- from={entry.start * fps}
55
- durationInFrames={fps * (entry.end - entry.start)}
56
- >
57
- <Letter style={subtitle}>{entry.text}</Letter>
58
- </TransitionSeries.Sequence>
59
- );
60
- })}
61
- </TransitionSeries>
62
  </AbsoluteFill>
63
  );
64
  });
 
1
  import React, {useMemo} from 'react';
2
+ import {useVideoConfig, AbsoluteFill, Sequence} from 'remotion';
3
  import * as Fonts from '@remotion/google-fonts';
4
  import transcriptData from './Assets/TextSequences.json';
5
  import Constants from './Assets/Constants.json';
6
+
7
  const defaultText = {
8
  fontFamily: 'Luckiest Guy',
9
  fontSize: 120,
 
45
  alignItems: 'center',
46
  }}
47
  >
48
+ {memoizedTranscriptData.map((entry, index) => {
49
+ return (
50
+ <Sequence
51
+ style={subtitle}
52
+ key={index}
53
+ from={entry.start * fps}
54
+ durationInFrames={fps * (entry.end - entry.start)}
55
+ >
56
+ <Letter style={subtitle}>{entry.text}</Letter>
57
+ </Sequence>
58
+ );
59
+ })}
 
 
60
  </AbsoluteFill>
61
  );
62
  });