Order of Operations

import Tabs from '@theme/Tabs'; import TabItem from '@theme/TabItem'; import {AvailableFrom} from '../../src/components/AvailableFrom';

Since Remotion v4.0.141, the order of operations is guaranteed to be the following for <Video>, <Audio>, <Html5Audio>, <Html5Video> and <OffthreadVideo>, :

1. Trim audio (using trimBefore).
2. Offset audio (by putting it in a <Sequence>).
3. Stretch audio (by adding a playbackRate).

Example for a 30 FPS composition which is 60 frames long:

1. An <Audio> tag has a trimBefore value of 45. The first 1.5 seconds of the audio get trimmed off.
2. The <Audio> tag is in a <Sequence> which starts at 30. The audio only begins playing at the 1.0 second timeline mark at the 1.5 second audio position.
3. The <Audio> has a playbackRate of 2. The audio gets sped up by 2x, but the starting position and start offset is not affected.
4. The composition is 60 frames long, so the audio must stop at the 3.5 second mark:

   (comp_duration - offset) * playback_rate + start_from
   (60 - 30) * 2 + 45 => frame 105 or the 3.5 second mark

5. Result: The section of 1.5sec - 3.5sec gets cut out of the audio and is played in the Remotion timeline between frames 30 and 59 at 2x speed.