added sfx

Remotion-app/src/HelloWorld/SfxStream.jsx

@@ -0,0 +1,27 @@
+import {Series} from 'remotion';
+import React from 'react';
+import {staticFile, useVideoConfig, Audio} from 'remotion';
+import sfxSequences from './Assets/SfxSequences.json';
+import {TransitionSeries} from '@remotion/transitions';
+export default function SfxStream() {
+	const {fps} = useVideoConfig();
+	return (
+		<TransitionSeries>
+			{sfxSequences.map((entry, index) => {
+				return (
+					<TransitionSeries.Sequence
+						key={index}
+						from={fps * entry.start}
+						durationInFrames={fps * (entry.end - entry.start)}
+					>
+						<Audio
+							endAt={entry.props.endAt}
+							startFrom={entry.props.startFrom}
+							src={staticFile(entry.name)}
+						/>
+					</TransitionSeries.Sequence>
+				);
+			})}
+		</TransitionSeries>
+	);
+}

Remotion-app/src/HelloWorld/index.jsx

@@ -4,10 +4,12 @@ import {TextStream} from './TextStream';
 
 import AudioStream from './AudioStream';
 import ImageStream from './ImageStream';
+import SfxStream from './SfxStream';
 
 export const HelloWorld = () => {
 	return (
 		<AbsoluteFill style={{position: 'relative', backgroundColor: 'black'}}>
+			<SfxStream />
 			<ImageStream />
 			<TextStream />
 			<VideoStream />