用途：为 Remotion 视频项目统一管理各类媒体资源，覆盖解析、放置与校验三个环节。
主要能力：支持背景音乐、音效、图片/背景、Google 字体、品牌 SVG Logo、TTS 配音、视频素材与字幕等类型。字体通过 @remotion/google-fonts 的 loadFont() 加载，自定义字体放入 public/fonts/ 并用 FontFace 加载。字幕使用 @remotion/captions 的按词计时组件。音频分析可用 @remotion/media-utils 的 getAudioData、visualizeAudio 在渲染前完成。
使用方式：所有静态资源放在 public/ 目录，并统一通过 staticFile() 引用，例如 <Img src={staticFile('hero.jpg')} />、<Audio src={staticFile('background.mp3')} volume={0.4} />、<OffthreadVideo src={staticFile('footage.mp4')} />。异步资源加载使用 delayRender/continueRender，且应在模块作用域或只触发一次的 useEffect 中调用，不要放在渲染函数内。音频/视频支持 startFrom、endAt、volume、playbackRate、loop 等属性。渲染时使用 OffthreadVideo 以保证逐帧准确，Video 仅适合 Studio 预览。
适用场景：Remotion 合成中的媒体放置与优化，包括为无配音的屏幕文字建议 TTS、为占位图标解析真实 SVG、为硬切建议转场音效、为超过约 10 秒的片段建议背景音乐等。
限制：禁止使用相对路径、绝对磁盘路径或渲染时需要联网的 CDN URL，否则离线渲染或 Lambda 会失败。相关细节可查阅 references/ 下的 static-files、async-assets、fonts、media-elements、captions、audio-reactive 等文档。