如何批量移动Theatre.js序列编辑器中的所有关键帧？

你可以通过Theatre.js的Studio API直接在浏览器控制台执行代码，批量将所有关键帧向右偏移固定时长，无需手动逐个调整。

操作步骤： #

1. 打开浏览器开发者工具控制台（按F12，切换到Console标签）
2. 确保Theatre Studio处于打开状态，且你要修改的序列处于激活状态
3. 粘贴以下代码，根据需求修改偏移时长后执行

// 自定义偏移时长（单位：毫秒，示例为1000ms=1秒）
const offsetMs = 1000;

// 获取当前激活的项目与序列
const project = window.theatre.studio.getActiveProject();
const sequence = project.getActiveSequence();

if (!sequence) {
  console.error("请先在Theatre Studio中选中要修改的序列");
} else {
  // 遍历所有轨道及关键帧，批量偏移时间位置
  sequence.tracks.forEach(track => {
    track.keyframes.forEach(keyframe => {
      keyframe.position += offsetMs;
    });
    // 更新轨道的关键帧数据
    track.setKeyframes(track.keyframes);
  });

  console.log(`所有关键帧已成功向右偏移${offsetMs}毫秒`);
}

注意事项： #

• 执行前建议通过Studio的「导出」功能备份项目，避免操作失误丢失已完成的动画
• 若需要偏移特定时长，直接修改offsetMs的值即可（比如偏移2秒就设为2000）
• 如果要修改非当前激活的序列，可替换project.getActiveSequence()为project.getSequenceById("你的序列ID")，序列ID可在Studio的序列设置中查看

内容的提问来源于stack exchange，提问作者legoblocks