Mbonea commited on
Commit
67065f9
·
1 Parent(s): 7380380
Remotion-app/src/HelloWorld/ImageStream.jsx CHANGED
@@ -6,7 +6,7 @@ import imageSequences from './Assets/ImageSequences.json';
6
  import {TransitionSeries, linearTiming} from '@remotion/transitions';
7
 
8
  export default function ImageStream() {
9
- const {fps} = useVideoConfig();
10
 
11
  const frame = useCurrentFrame();
12
  return (
@@ -24,20 +24,16 @@ export default function ImageStream() {
24
  }}
25
  >
26
  {imageSequences.map((entry, index) => {
27
- const durationInFrames = (entry.end - entry.start) * fps;
28
 
29
  const zoom = interpolate(
30
  frame,
31
- [
32
- fps * entry.start,
33
- fps * entry.start + 2 * (durationInFrames / 4),
34
- fps * entry.end,
35
- ],
36
  [1, 1.2, 1],
37
  {
38
  easing: Easing.bezier(0.8, 0.22, 0.96, 0.65),
39
- extrapolateLeft: 'clamp',
40
- extrapolateRight: 'clamp',
41
  }
42
  );
43
 
 
6
  import {TransitionSeries, linearTiming} from '@remotion/transitions';
7
 
8
  export default function ImageStream() {
9
+ const {fps, durationInFrames} = useVideoConfig();
10
 
11
  const frame = useCurrentFrame();
12
  return (
 
24
  }}
25
  >
26
  {imageSequences.map((entry, index) => {
27
+ // const durationInFrames = (entry.end - entry.start) * fps;
28
 
29
  const zoom = interpolate(
30
  frame,
31
+ [0, durationInFrames * 0.5, durationInFrames],
 
 
 
 
32
  [1, 1.2, 1],
33
  {
34
  easing: Easing.bezier(0.8, 0.22, 0.96, 0.65),
35
+ // extrapolateLeft: 'clamp',
36
+ // extrapolateRight: 'clamp',
37
  }
38
  );
39