Closed netweng closed 3 years ago
🗺官网: https://storyteller.webzard.io/
📹完整介绍视频:https://www.bilibili.com/video/BV1Cf4y1W7oW/
🌟背景 在日常的工作生活中,我们会经常接触到许许多多的教程,常见的教程通常是图文或者视频形式。作为一个教程,重要的目的是告诉学习者在什么情况下做什么样的操作,图文教程可以比较好的做到这一点,但是其缺点也很明显,就是让学习者不太容易去学习,阅读起来比较枯燥;视频教程相对图文教程,更能体现真实的操作环境,趣味性也更好,但是想要描述操作步骤,就需要添加配音或者字幕,制作和维护成本就比较高。
📚关于 Storyteller 为了解决传统教程制作的诸多缺陷和困难,我们开发了 Storyteller 这一款应用,定位于 no-code 的交互式教程编辑器。使用 Storyteller 可以让用户无需编写代码,就能够轻松、快捷地完成交互式教程的制作,并可以通过最简单的方式将教程嵌入到任意官网或教学网站中。Storyteller 可以用于产品演示或者作为产品的交互式说明书,助力于产品的推广,也可以用于教学和远程指导。如果看了以上的描述,你还是不清楚 Storyteller 的形态和功能,可以移步至官网,上面有使用 Storyteller 制作的产品演示和说明。
💪为什么 Storyteller 能够有信心解决传统教程的缺陷呢? 这得益于 Storyteller 对教程制作场景的划分,我们将制作教程的环境划分为 web 页面,terminal 终端和视频,并且对 web 页面和 terminal 终端环境使用了独有的媒体格式。 例如在 web 场景下,我们利用了开源的 web 页面录制和播放工具: rrweb 。 它能够以非常小的体积,无损,稳定和安全的录制和还原一个网页。当用户看到了一个非常逼真,响应式的 Storyteller 网站教程的时候,学习者并不是真实的操作一个生产环境的 web 页面,而是操作着一个 web 页面的完美复制。甚至页面中一个按钮的视觉响应都能被保留下来。同时完全不需要有安全性和稳定性方面的担忧,因为页面是在一个沙箱环境下运行的,在页面上的操作不会有实际的业务被执行。 可能有开发者说,这些沉浸式无损的教程我自己就能利用类似 intro.js 这样的用户引导类的工具实现,为什么还要有 Storyteller ?事实确实如此,开发者完全可以通过编写代码实现这一切,但 Storyteller 提供了一种非常简单快速,适用于所有人群的方式,不用写一行代码就能制作出一个逼真的 web 应用的用户引导教程,这就是 Storyteller 的 no-code 特点。
怎么视频教程无法看到哦
@mengzhisuoliu https://www.bilibili.com/video/BV1Cf4y1W7oW/ 看看?
🗺官网: https://storyteller.webzard.io/
📹完整介绍视频:https://www.bilibili.com/video/BV1Cf4y1W7oW/
🌟背景
在日常的工作生活中,我们会经常接触到许许多多的教程,常见的教程通常是图文或者视频形式。作为一个教程,重要的目的是告诉学习者在什么情况下做什么样的操作,图文教程可以比较好的做到这一点,但是其缺点也很明显,就是让学习者不太容易去学习,阅读起来比较枯燥;视频教程相对图文教程,更能体现真实的操作环境,趣味性也更好,但是想要描述操作步骤,就需要添加配音或者字幕,制作和维护成本就比较高。
📚关于 Storyteller 为了解决传统教程制作的诸多缺陷和困难,我们开发了 Storyteller 这一款应用,定位于 no-code 的交互式教程编辑器。使用 Storyteller 可以让用户无需编写代码,就能够轻松、快捷地完成交互式教程的制作,并可以通过最简单的方式将教程嵌入到任意官网或教学网站中。Storyteller 可以用于产品演示或者作为产品的交互式说明书,助力于产品的推广,也可以用于教学和远程指导。如果看了以上的描述,你还是不清楚 Storyteller 的形态和功能,可以移步至官网,上面有使用 Storyteller 制作的产品演示和说明。
💪为什么 Storyteller 能够有信心解决传统教程的缺陷呢? 这得益于 Storyteller 对教程制作场景的划分,我们将制作教程的环境划分为 web 页面,terminal 终端和视频,并且对 web 页面和 terminal 终端环境使用了独有的媒体格式。 例如在 web 场景下,我们利用了开源的 web 页面录制和播放工具: rrweb 。 它能够以非常小的体积,无损,稳定和安全的录制和还原一个网页。当用户看到了一个非常逼真,响应式的 Storyteller 网站教程的时候,学习者并不是真实的操作一个生产环境的 web 页面,而是操作着一个 web 页面的完美复制。甚至页面中一个按钮的视觉响应都能被保留下来。同时完全不需要有安全性和稳定性方面的担忧,因为页面是在一个沙箱环境下运行的,在页面上的操作不会有实际的业务被执行。 可能有开发者说,这些沉浸式无损的教程我自己就能利用类似 intro.js 这样的用户引导类的工具实现,为什么还要有 Storyteller ?事实确实如此,开发者完全可以通过编写代码实现这一切,但 Storyteller 提供了一种非常简单快速,适用于所有人群的方式,不用写一行代码就能制作出一个逼真的 web 应用的用户引导教程,这就是 Storyteller 的 no-code 特点。