mixed.audio-reactive-signal

声音响应信号

Audio Reactive Signal

仅本次打开有效
01
Live preview

真实渲染预览

查看引用 ↓
实机渲染 · Remotion
02
Purpose

这个动效用来做什么

预提取的声音幅度序列驱动一条信号路径、局部光晕和内容卡的有限响应。

A pre-extracted audio-amplitude sequence drives a bounded signal path, local glow, and content-card response.

范围
效果
复杂度
高级
建议时长
3.8s
画幅
16:9 · 9:16 · 1:1
混合图形
强调解释
知识视频社交短视频演示文稿故事叙述
03
Inputs

可替换参数

amplitude_frames必填 · number-list

Normalized pre-extracted amplitude samples in source order.

默认值
[0.12,0.22,0.44,0.31,0.68,0.48,0.78,0.36,0.54,0.84,0.42,0.28,0.62,0.38,0.18]
headline必填 · string

Content headline carried by the responding card.

默认值
Let the signal carry the thought
signal_label必填 · string

Small label describing the audio source.

默认值
VOICE ENERGY
04
Motion timeline

归一化动作时间线

所有事件都使用 0 到 1 的归一化进度:0 是镜头开始,1 是镜头结束;事件可以重叠,适配器再把相同比例映射到秒或帧。

signal.fadeopacity.fade
0.06–0.20
signal.drawpath.draw
0.16–0.72
card.settlespring.settle
0.20–0.44
card.responsetransform.scale
0.32–0.82
signal.holdstate.hold
0.88–1.00
05
Copy to Agent

复制执行上下文

预览与引用使用同一个引擎选择。上下文保留共享机器标记与对应 Adapter 路由。

正在加载当前 Recipe 的上下文…
06
Engine implementations

引擎实现

gsap-timeline

HyperFrames

已验证
Composition
audio-signal
入口文件
index.html
确定性
是
  • lint通过
  • validate通过
  • inspect通过
  • render通过
frame-based

Remotion

已验证
Composition
AudioReactiveSignal
入口文件
AudioReactiveSignal.tsx
确定性
是
  • typecheck通过
  • build通过
  • render通过
07
Source, reference & rights

来源与使用边界

再分发状态
original
来源说明
Self-authored G8 deterministic audio-signal design.
Recipe 文件
recipes/mixed/audio-reactive-signal/recipe.yaml

参考

无外部参考;该 Recipe 与测试素材为项目原创。

08
Verification

验收标准

01
input-driven

Signal geometry and response intensity derive only from the finite amplitude input.

02
bounded-motion

Content-card scaling remains subtle and readable rather than becoming a generic equalizer.

03
deterministic-hold

The final frame reflects the last deterministic input sample and then remains still.

04
no-runtime-analysis

Rendering requires no Web Audio, timers, random values, or network request.

2 个实现已通过真实渲染理解验证模型