请问Lark官网上的这些功能演示动画，是怎么做出来的？

Question

下面是lark的地址，也就是飞书的国际版。
https://www.larksuite.com/

进入之后往下拉，可以看到如下的一块功能演示区域。像是一个录屏一样。
我们查看了dom，是一个svg。

我们想知道的是，这东西是怎么做出来的啊？
难道是靠写代码吗？
是不是有更简单的方法或工具，可以制作这样的演示动画？

我们公司也是做工具软件的，也想做一个这种的，不知道从何下手。
多谢各位大神帮忙

Answer 1

用这个做的: https://www.jianshu.com/p/c44...；
lottie.js--起到播放器的作用。
至于动画，并不是写的，是通过动画软件做出来导出为JSON格式的动画数据，放在lottie.js中播放的