数字教材 · 互动资源库

五层交互 H5 互动资源

面向铁路职业教育与多学科数字教材：单文件、离线可用、可直接以 iframe 或资源包嵌入教材，学习过程与成绩通过标准消息回传教材平台，支撑学情分析。

查看嵌入与学情回传接入方式

L1

内容热点

结构图上点一点，名称、作用、标准即时展开

L2

任务流程

左侧步骤条分步解锁，每步有任务单

L3

虚拟仿真

拖拽、调参、操作设备，状态实时联动、可试错

L4

测评闭环

每步计分，错因即时讲解，最后出成绩单

L5

智能自适应

学习 / 考核双模式，按错误推荐回看，学情回传

资源目录

嵌入教材的三种方式

在线引用：教材页面放一个 iframe，地址指向本站资源（16:9 自适应，舞台等比缩放）。
资源包：下载 zip（内含单文件 index.html 与 meta.json），上传到教材平台的「互动资源」位，离线也能用。
学情回传：资源通过 postMessage 发送 ready / progress / score / complete 消息，平台监听即可记录学习过程与成绩。

<iframe src="https://jiaocai-h5.wattad.cn/rail-interlocking/?embed=1&mode=learn"
        style="width:100%;aspect-ratio:16/9;border:0"
        allow="fullscreen; autoplay" allowfullscreen></iframe>

URL 参数

mode=learn 学习模式：有提示、可重试、可回看步骤
mode=exam 考核模式：不给提示、一次计分
embed=1 嵌入模式（由教材平台控制外框）
muted=1 默认静音
rotate=0 关闭手机竖屏时的自动横屏（默认：竖着拿手机打开会自动横向铺满；rotate=1 强制横屏）

宿主指令

iframe.contentWindow.postMessage(
  { target: 'tb-h5', cmd: 'reset' }, '*')
// cmd: reset | mute | unmute | setMode(value: learn|exam)