added fps in videos for fluctuating fps and using default render concurrency
Browse files
Remotion-app/remotion.config.js
CHANGED
@@ -3,7 +3,6 @@
|
|
3 |
|
4 |
// Note: When using the Node.JS APIs, the config file doesn't apply. Instead, pass options directly to the APIs
|
5 |
|
6 |
-
|
7 |
import {Config} from '@remotion/cli/config';
|
8 |
|
9 |
import {enableTailwind} from '@remotion/tailwind';
|
@@ -12,4 +11,4 @@ Config.overrideWebpackConfig((currentConfiguration) => {
|
|
12 |
});
|
13 |
|
14 |
Config.setVideoImageFormat('jpeg');
|
15 |
-
Config.setConcurrency(15);
|
|
|
3 |
|
4 |
// Note: When using the Node.JS APIs, the config file doesn't apply. Instead, pass options directly to the APIs
|
5 |
|
|
|
6 |
import {Config} from '@remotion/cli/config';
|
7 |
|
8 |
import {enableTailwind} from '@remotion/tailwind';
|
|
|
11 |
});
|
12 |
|
13 |
Config.setVideoImageFormat('jpeg');
|
14 |
+
// Config.setConcurrency(15);
|
Remotion-app/src/HelloWorld/VideoStream.jsx
CHANGED
@@ -29,12 +29,13 @@ const VideoStream = React.memo(() => {
|
|
29 |
});
|
30 |
|
31 |
const VideoX = React.memo(({entry}) => {
|
|
|
32 |
return (
|
33 |
<Video
|
34 |
-
startFrom={entry.props.startFrom}
|
35 |
-
endAt={entry.props.endAt}
|
36 |
-
volume={entry.props.volume}
|
37 |
-
src={staticFile(entry.name)}
|
38 |
/>
|
39 |
);
|
40 |
});
|
|
|
29 |
});
|
30 |
|
31 |
const VideoX = React.memo(({entry}) => {
|
32 |
+
const {fps} = useVideoConfig();
|
33 |
return (
|
34 |
<Video
|
35 |
+
startFrom={(fps * entry.props.startFrom) / 30}
|
36 |
+
endAt={(fps * entry.props.endAt) / 30}
|
37 |
+
volume={(fps * entry.props.volume) / 30}
|
38 |
+
src={staticFile((fps * entry.name) / 30)}
|
39 |
/>
|
40 |
);
|
41 |
});
|