Trimming Audio

The <Audio /> and <Video /> tags support the trimBefore and durationInFrames props. Use them together to select a section of the source.

MyComp.tsx
import {staticFile, useVideoConfig} from 'remotion';
import {Video} from '@remotion/media';

export const MyComposition = () => {
  const {fps} = useVideoConfig();

  return (
    <>
      <Video src={staticFile('video.mp4')} trimBefore={2 * fps} durationInFrames={2 * fps} />
    </>
  );
};

This makes the media play the range from 00:02:00 to 00:04:00, meaning it will play for 2 seconds.

The audio will still play immediately at the beginning - to see how to shift the audio to appear later in the composition, see the next article.