Merge pull request #414 from BinaryStudioAcademy/task/OV-413-fix-magi…

…c-numbers

OV-413: * fix magic numbers

frontend/src/bundles/common/components/player/constants/constants.ts

@@ -1,3 +1,4 @@
 export { ASPECT_RATIO_LANDSCAPE } from './aspect-ratio-landscape.constant.js';
 export { ASPECT_RATIO_PORTRAIT } from './aspect-ratio-portrait.constant.js';
+export { FPS } from './fps.constant.js';
 export { MIN_DURATION_IN_FRAMES } from './min-duration-in-frames.js';

frontend/src/bundles/common/components/player/constants/fps.constant.ts

@@ -0,0 +1,3 @@
+const FPS = 30;
+
+export { FPS };

frontend/src/bundles/common/components/player/player.tsx

@@ -9,6 +9,7 @@ import { VideoComponent } from '~/bundles/studio/components/components.js';
 import {
     ASPECT_RATIO_LANDSCAPE,
     ASPECT_RATIO_PORTRAIT,
+    FPS,
     MIN_DURATION_IN_FRAMES,
 } from './constants/constants.js';
 import { LandscapeStyle, PortraitStyle } from './styles/styles.js';
@@ -59,7 +60,7 @@ const Player: React.FC<Properties> = ({ playerRef }) => {
                 component={VideoComponent}
                 inputProps={inputProperties}
                 durationInFrames={
-                    durationInFrames * 30 || MIN_DURATION_IN_FRAMES
+                    durationInFrames * FPS || MIN_DURATION_IN_FRAMES
                 }
                 compositionWidth={size.width}
                 compositionHeight={size.height}