Chapter 618: speckle()

Core Idea

_Part of the @remotion/effects package.

Key Concepts

• Preview
• Example
• API
• density?
• size?
• randomness?
• disabled?
• Requirements

Code Examples

export const MyComp: React.FC = () => {
  return (
    <AbsoluteFill>
      <Video
        src="https://remotion.media/video.mp4"
        effects={[
          speckle({
            density: 0.14,
            size: 4,
            randomness: 1,
          }),
        ]}
      />
    </AbsoluteFill>
  );
};

• What it demonstrates: Usage pattern for speckle() from the official docs.

Key Takeaways

1. Understand preview when working with speckle().
2. Understand example when working with speckle().
3. Understand api when working with speckle().
4. Understand density? when working with speckle().
5. Understand size? when working with speckle().

Connects To

• Animated Emoji: related page in the Effects Library section.
• get Available Emoji: related page in the Effects Library section.
• api: related page in the Effects Library section.