minor changes
Browse files
Remotion-app/src/HelloWorld/ImageStream.jsx
CHANGED
|
@@ -20,7 +20,7 @@ export default function ImageStream() {
|
|
| 20 |
<TransitionSeries.Sequence
|
| 21 |
key={index}
|
| 22 |
from={fps * entry.start}
|
| 23 |
-
durationInFrames={fps * (entry.end - entry.start)
|
| 24 |
>
|
| 25 |
<Img src={staticFile(entry.name)} />
|
| 26 |
</TransitionSeries.Sequence>
|
|
|
|
| 20 |
<TransitionSeries.Sequence
|
| 21 |
key={index}
|
| 22 |
from={fps * entry.start}
|
| 23 |
+
durationInFrames={fps * (entry.end - entry.start)}
|
| 24 |
>
|
| 25 |
<Img src={staticFile(entry.name)} />
|
| 26 |
</TransitionSeries.Sequence>
|
Remotion-app/src/HelloWorld/SfxStream.jsx
CHANGED
|
@@ -16,7 +16,7 @@ export default function SfxStream() {
|
|
| 16 |
>
|
| 17 |
<Audio
|
| 18 |
volume={entry.props.volume}
|
| 19 |
-
endAt={entry.props.endAt}
|
| 20 |
startFrom={entry.props.startFrom}
|
| 21 |
src={staticFile(entry.name)}
|
| 22 |
/>
|
|
|
|
| 16 |
>
|
| 17 |
<Audio
|
| 18 |
volume={entry.props.volume}
|
| 19 |
+
// endAt={entry.props.endAt}
|
| 20 |
startFrom={entry.props.startFrom}
|
| 21 |
src={staticFile(entry.name)}
|
| 22 |
/>
|
Remotion-app/src/HelloWorld/TextStream.jsx
CHANGED
|
@@ -39,11 +39,16 @@ export const TextStream = () => {
|
|
| 39 |
<div style={subtitle}>
|
| 40 |
<TransitionSeries>
|
| 41 |
{transcriptData.map((entry, index) => {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 42 |
return (
|
| 43 |
<TransitionSeries.Sequence
|
| 44 |
key={index}
|
| 45 |
from={entry.start * fps}
|
| 46 |
-
durationInFrames={
|
| 47 |
>
|
| 48 |
<Letter index={index} color="#0b84f3">
|
| 49 |
{entry.text}
|
|
|
|
| 39 |
<div style={subtitle}>
|
| 40 |
<TransitionSeries>
|
| 41 |
{transcriptData.map((entry, index) => {
|
| 42 |
+
const duration =
|
| 43 |
+
fps * (entry.end - entry.start) > 0.1
|
| 44 |
+
? fps * (entry.end - entry.start)
|
| 45 |
+
: 0.1;
|
| 46 |
+
|
| 47 |
return (
|
| 48 |
<TransitionSeries.Sequence
|
| 49 |
key={index}
|
| 50 |
from={entry.start * fps}
|
| 51 |
+
durationInFrames={duration}
|
| 52 |
>
|
| 53 |
<Letter index={index} color="#0b84f3">
|
| 54 |
{entry.text}
|