前段时间做了一个小工具,里面其实包含了很多高级功能,但是首屏都隐藏起来了,很多用户其实不知道,需要录制教程来说明一下。但是传统的视频录制难度比较大,涉及到各种剪辑制作,而且工具随时在迭代,之前录制的使用方式可能过两天就过期了。
那么能不能让这个教程是动态的呢?最后想到了一个方式,其实可以将动作记录下来在网页中进行“播放”,这样一来用户看到的就是实际的网页操作了,功能就会永不过期,还能解决多语言的问题。
当然前提是网站类型的应用,实现的功能包括:播放、暂停、重播,拖放进度目前还没法实现,得研究一下能不能做,原理其实就是准备一组动作,比如点击按钮、输入文本什么的,最终在网页中去依次触发这些动作即可(跟当前有些 JS 库和自动测试工具去记录用户操作然后回放原理差不多)
我用 MOCK 功能做了一个初步的示例,可以看一下演示过程中有没有问题,看完之后能不能看懂 JSONT