Marp Support

[WSHAPER]

Feature Request 🛍️

Support for seamless integration of Marp Markdown slides into Remotion video projects with full feature parity and timed audio synchronization**.

Currently, Marp generates rich, Markdown-based slide decks with advanced HTML/CSS transitions and animations but does not natively support timed audio insertions or direct export to video formats that Remotion can consume. Remotion excels at programmatically creating timed multimedia videos with precise audio control but does not natively parse or render Marp slides or their advanced features.

The requested feature is a direct pipeline or tooling that converts Marp slides into a format (e.g., React components or rendered visuals) that Remotion can use while preserving as many Marp slide features as possible—such as transitions, fragment builds, and CSS animations—and enabling precise, programmable timed insertion of audio files synchronized to slides or slide fragments.

Use Case

Users want to create presentations in Marp Markdown, leveraging its rich slide effects and transitions, and then produce polished video presentations with timed audio narration or sound effects using Remotion without manual conversion steps or loss of Marp’s slide capabilities.

Desired outcomes:

• Automatic or simplified conversion from Marp Markdown to Remotion-compatible components or scenes.
• Preservation of Marp transitions, fragment build effects, and animations in the video output.
• Integrated support for timed audio insertion aligned with slide timings and fragment reveals.
• Ability to programmatically control slide timing and audio playback within Remotion’s React paradigm.

This would enable content creators to write presentations once in Markdown and produce high-quality narrated videos programmatically.

Possible Solution

• Develop a converter tool or library that parses Marp Markdown and outputs React components or JSON representing slides with animations that Remotion can render.
• Implement wrappers that translate Marp’s CSS and transition effects into Remotion animation equivalents or pre-render Marp slides as images/video segments with metadata for timing.
• Extend Remotion’s <Audio> component usage to support specifying audio timings linked to slide indices or fragment build progress.
• Provide CLI commands or framework integration to combine Marp’s static slide generation with Remotion’s timed video/audio rendering pipeline.
• Optionally, embed audio metadata or timing directives directly in Marp Markdown as extensions that the converter recognizes to synchronize audio programmatically during video generation.