AI 公开课 · 互动网页

用好 AI,从一次早读
和一次安静开始

两个炫酷互动网页,用麦克风把课堂变成魔法现场:
大声朗读点亮能量球,安静守候让枯木开花。

MORNING READING

早读能量球

同学们越大声朗读,能量球越亮、越大。声音洪亮时迸发粒子与闪电,坚持朗读就能把能量充满 100%。
实时音量检测能量球发光生长粒子·闪电特效鼓励飘字
进入能量球 →
QUIET MOMENT

安静树

全班越安静,小树从种子一路长成开满花的参天大树。一旦有人大声喧哗,树叶就会飘落。
程序化生长树木安静度积累喧闹落叶警示花开满树庆祝
进入安静树 →

老师课堂使用指南

三个文件放在同一文件夹,双击 index.html 打开即可
  1. 浏览器:推荐用 Chrome 或 Edge 打开,麦克风功能在这些浏览器上最稳定。
  2. 麦克风:把电脑麦克风放在讲台附近,或外接一个 USB 麦克风,全班声音都能收到。
  3. 权限:首次打开会弹出「允许使用麦克风」,点击允许即可开始。
  4. 能量球玩法:带学生齐声朗读课文,看谁能把能量球充满;可分组比赛看哪组最快满格。
  5. 安静树玩法:布置阅读或思考任务,全班保持安静让树生长;谁出声树叶就掉,直观又有趣。
  6. 重置:右下角「重新开始 / 重新种树」可随时清零,适合反复体验。
  7. 投屏:把网页投到教室大屏,全班一起看效果,互动氛围更好。
  8. 导课话术:「AI 不只是聊天,它还能听懂我们的声音——今天让 AI 见证你们的朗读与安静。」
小提示:网页完全离线运行,无需联网,不会上传任何声音。麦克风音频只在本地浏览器分析,关闭网页即停止。若浏览器地址栏出现麦克风被禁用的图标,点击它重新允许即可。