We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
🗺官网: 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 特点。
The text was updated successfully, but these errors were encountered:
怎么视频教程无法看到哦
Sorry, something went wrong.
@mengzhisuoliu https://www.bilibili.com/video/BV1Cf4y1W7oW/ 看看?
No branches or pull requests
🗺官网: 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 特点。
The text was updated successfully, but these errors were encountered: