short hand of the previous
Browse files
Remotion-app/src/HelloWorld/TextStream.jsx
CHANGED
@@ -4,35 +4,25 @@ 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 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
8 |
const subtitle = Constants?.text
|
9 |
? {
|
10 |
-
|
11 |
-
fontSize: 120,
|
12 |
-
textAlign: 'center',
|
13 |
-
textShadow:
|
14 |
-
'-10px -10px 0 #000, 0 -10px 0 #000, 10px -10px 0 #000, 10px 0 0 #000, 10px 10px 0 #000, 0 10px 0 #000, -10px 10px 0 #000, -10px 0 0 #000',
|
15 |
-
position: 'fixed',
|
16 |
-
fontWeight: 'bolder',
|
17 |
-
color: 'yellow',
|
18 |
-
bottom: '30vh',
|
19 |
-
height: 'fit-content',
|
20 |
-
width: '100%',
|
21 |
...Constants.text,
|
22 |
}
|
23 |
-
:
|
24 |
-
fontFamily: 'Luckiest Guy',
|
25 |
-
fontSize: 120,
|
26 |
-
textAlign: 'center',
|
27 |
-
textShadow:
|
28 |
-
'-10px -10px 0 #000, 0 -10px 0 #000, 10px -10px 0 #000, 10px 0 0 #000, 10px 10px 0 #000, 0 10px 0 #000, -10px 10px 0 #000, -10px 0 0 #000',
|
29 |
-
position: 'fixed',
|
30 |
-
fontWeight: 'bolder',
|
31 |
-
color: 'yellow',
|
32 |
-
bottom: '30vh',
|
33 |
-
height: 'fit-content',
|
34 |
-
width: '100%',
|
35 |
-
};
|
36 |
Fonts.getAvailableFonts()
|
37 |
.filter((font) => {
|
38 |
return font.fontFamily === subtitle.fontFamily;
|
|
|
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,
|
10 |
+
textAlign: 'center',
|
11 |
+
textShadow:
|
12 |
+
'-10px -10px 0 #000, 0 -10px 0 #000, 10px -10px 0 #000, 10px 0 0 #000, 10px 10px 0 #000, 0 10px 0 #000, -10px 10px 0 #000, -10px 0 0 #000',
|
13 |
+
position: 'fixed',
|
14 |
+
fontWeight: 'bolder',
|
15 |
+
color: 'yellow',
|
16 |
+
bottom: '30vh',
|
17 |
+
height: 'fit-content',
|
18 |
+
width: '100%',
|
19 |
+
};
|
20 |
const subtitle = Constants?.text
|
21 |
? {
|
22 |
+
...defaultText,
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
23 |
...Constants.text,
|
24 |
}
|
25 |
+
: defaultText;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
26 |
Fonts.getAvailableFonts()
|
27 |
.filter((font) => {
|
28 |
return font.fontFamily === subtitle.fontFamily;
|