回顾交互式网页课件发展这一年,从简单的交互到异彩纷呈,可谓是势不可挡!
- 2026-08-10 16:46:13
交互式网页课件这一年从音视频到 3D 的四种打开方式
用 星光 做课件 · 治愈系记录
交互式网页的发展历时一年多了。记得去年这个时候，修复式网页还是新事物。很多人对于 HTML 这种交互的新形式还是比较陌生的。还记得当时我写了一篇文章发布在公众号上：
介绍了交互式网页用于九大学科教学的各个方面。在当时大家都不熟知的情况之下，还是备受关注的。
如今时隔一年了，交互式网页也有了较大的发展。大家不再仅仅局限于一般的交互，还可以用于动画的制作、答题闯关游戏的制作以及音视频的嵌入。
我最近几天就制作了这样一个音视频嵌入的交互式网页，以高中语文《琵琶行》为例。公众号文章在此：
其实交互式的网页不仅仅可以用于一般的交互、音视频的嵌入、答题闯关游戏，还可以制作 3D 网页课件，以及在线批改作文的交互工具：
今天我就用 星光 制作的几个交互式网页案例，来看一看如今的网页课件发展到什么地步。
一、嵌入音频视频类
嵌入音频视频的网页课件的制作，具体见我上一篇文章，这里给大家演示一下。需要说明的是音视频既可以是既有的链接，也可以是本地上传的内容。
（演示案例见[https://www.sparklight.cn/ai-courseware?resourceId=a0e6289b-b4c5-4242-8dd4-d042a002ddf2]）
这样的网页课件做起来也比较容易，只要给提示词和材料就能做出来。提示词构成：制作思路框架 + 具体内容 + 诉求。你只要给出音视频的地址交给 星光，星光 立刻就能给你做出。
二、交互模拟演示类
这样的交互模拟演示可以运用于各个学科，相对来说，理化、数理化等学科交互演示的实验可能多一点。这里同样给大家看一些案例，比如说像物理学科的光的反射折射。还伴有语音功能的提示，星光 真的很强大！当然还有最近很流行的手势交互类的，因为我的电脑没有摄像头，就没有尝试这样的创作了。
这类交互模拟演示的具体做法很简单，没有任何技术难度，0 基础就能上手。
大致做法：
pdf 格式或者 ppt 格式的课件，交给 星光三、知识游戏闯关类
这样是当前最受欢迎的一种形式。在 星光 的官网上就有很多分学科的网页游戏。常见的如消消乐、双人知识问答闯关等。这里介绍一下我用 星光 做的古代文化常识双人闯关游戏。制作的时候提示词中加入关键词：双人闯关、古代文化常识即可。当然要想精确控制可以多一些提示词。
还有这个小学四年级英语单词听力闯关游戏 - 魔塔。我把四年级的 6 个单元单词发给 星光，让它做魔塔闯关游戏，第一单元是第一关，据此类推。也许，知识会以你意想不到的方式进入你的大脑！
四、3D（3 维）网页演示
3D 类的网页演示算是别具一格，因为其制作难度大、加载慢而独树一帜。真正做得好的 3D 往往是用 codebuddy、vibe coding 之类做的，网页端的 3D 往往需要自己做 3D 模型，实在是很费时费力。现在能见到的 3D 网页动画课件大部分只能算是三维的，而不是 3D 的。下面我们看一下 3D 的动画演示案例。
五、实用工具类
浪漫类
此外，还有一类我单独把提炼出来，姑且称之为浪漫类的。
信息技术也不全然是枯燥的单调的，也有其浪漫的一面。如我所做的粒子光点点名系统、高中古诗文浪漫星空背诵系统，简直美到无法呼吸！
相信随着 AI 技术的发展，在不久的未来，网页课件的发展会有更多无限的可能，让我一起学习，去遇见 星光 的璀璨，去遇见更好的自己！
【AI学习之光】邀请你体验 AI 教学新范式，让教学更轻松，成长更快速，参与活动，还能领取专属好礼 。每日签到得20积分，8.5截止。邀请好友得40积分， 8.31截止。
https://www.sparklight.cn/landing?inviteCode=D2JXDGJH
和网页作文批改死磕到底 一个语文老师的 AI 实战
2026-08-02
我用 AI 做了个《琵琶行》课件，同事以为我熬了三天
2026-08-01
星光超级智能体，教师备教辅研的好帮手！
2026-07-28
用kimi生成思维导图，夯爆了
2026-07-25
免费AIGC查重，看这里……
2026-05-24
教师终于有了属于自己的智能体——星光教师超级智能体
2026-05-18
国产第三款免费小龙虾（easy claw）来了！一键部署，每天送积分，小白也能轻松上手！
2026-04-26
阿里系免费小龙虾（JVS Claw），无需下载，注册即能免费使用，手机电脑网页三端通用
2026-04-25
