VibeKnow流程动画需启用交互模式才能支持点击触发、暂停高亮和分支切换：必须勾选【Auto Diagram Mode】、【Step-by-Step Animation】、【Highlight Flow Arrows】三项，导出时选择“Interactive HTML”格式并关闭嵌入音频，否则MP4/GIF无交互能力。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
想让VibeKnow生成的流程动画不只是自动播放，而是支持观众点击触发下一步、暂停高亮某个节点、或手动切换分支路径——这种交互能力必须在导出前启用特定模式并绑定动作锚点，否则生成的MP4或GIF是纯线性视频，无法响应点击。
确认流程项目已启用交互解析引擎
打开vibeknow.com → 上传含编号步骤的文本（如“① 打开设置→② 点击账户→③ 选择退出”）→ 粘贴后右侧设置栏必须勾选三项：【Auto Diagram Mode】、【Step-by-Step Animation】、【Highlight Flow Arrows】。缺一不可。未勾选“Auto Diagram Mode”时，系统默认走知识讲解路线，所有步骤被当旁白读出，界面只配静态插图，后续无法添加任何交互逻辑。
勾选完成后，预览窗口右上角会显示“Interactive Preview Ready”提示，此时才进入可交互编辑态；若仍显示“Playback Only”，说明流程文本未被识别为操作链——检查是否混入了段落说明、截图标注或中文顿号分隔（应改用“→”或换行）。
给流程节点绑定点击触发行为
方法一：单节点点击跳转
在预览页悬停画面 → 点击右上角“Edit Scene” → 左侧脚本区找到标有[步骤3]的段落行 → 点击行尾铅笔图标 → 切换到“Interaction”选项卡 → 勾选“On Click: Jump to Next Step”。该设置会让观众点击当前高亮节点时，立即推进到下一步并重新渲染连线与箭头。注意：此操作不改变语音节奏，仅控制画面流转。
方法二：分支路径点击切换
若原始流程含条件判断（如“如登录成功→进入首页；否则→跳转重置页”），需先在文本中用【】明确标注分支标识：“④ 登录验证【success】→进入首页；【fail】→跳转密码重置”。粘贴后系统自动识别双路径，在“Interaction”选项卡中对应段落会出现两个可配置按钮：“Trigger ‘success’ path”和“Trigger ‘fail’ path”。点击任一按钮，即可将该分支设为默认点击响应项。
方法三：全局暂停/继续控制
点击顶部菜单「Settings」→「Advanced Interaction」→ 开启“Enable Play/Pause Overlay”。启用后，生成视频左下角会固定出现一个半透明圆形控件，观众点击即暂停当前高亮状态与动态连线，再点一次恢复播放。该控件不占用画布空间，不影响原有文字与图表布局。
导出支持交互的最终格式
第一步：点击顶部菜单「Export」→「Interactive HTML」；
第二步：在弹出面板中关闭“Embed Audio”（音频必须外置，否则HTML包体积超限）；
第三步：勾选“Include click-triggered step transitions”→ 点击「Generate Package」；
第四步：下载ZIP包解压后，双击index.html即可本地运行——所有点击行为均无需联网，完全由前端JS驱动。【切勿选择MP4/GIF导出，这两种格式天生不支持点击事件】。
