css - 像 cssdeck 这样的编播功能

标签 css dynamic recording code-editor

<分区>

最近codemirror元素引起了我的注意。 Jsbin 在后台使用 codemirror。

在该网站上花了一些时间后,我找到了 cssdeck .在 cssdeck 内部,他们正在实现一个名为 codecasts 的功能。 .

Codecasts 让我们记录我们的打字,稍后我们可以播放记录的代码。最有趣的是,当我们播放录制的实现时,代码仍然是可编辑的。

查看 this example .

有没有人知道如何创建这样的功能?

最佳答案

这不就是记录按键然后回放吗?

大概每个事件都是一个对象,记录按键所在的窗口、时间(例如,自上一个事件以来经过的毫秒数)和按下的键(包括退格键)。

可能还需要一些特殊的条目来应对鼠标点击改变光标位置。

因此,您可以简单地构建这些按键对象的数组,然后从头开始播放它们。

关于css - 像 cssdeck 这样的编播功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12831790/

相关文章:

php - 根据表中的不同值对列进行查询

html - 简单的 CSS : How do I break two cell apart

html - 如何使 2 个 div float ,左边的 div 具有固定的右边距?

javascript - 我如何修改我的 javascript 代码来提醒这个?

css - anchor 标签上的边框底部,适用于多行和内联 block / block 显示

c++ - 构造函数中的类错误

C++11 动态分配可变长度多维数组

android - 如何在Android中显示录制时间?

c# - 逐帧录制视频时,如何处理C#.NET TimeSpan Progressive Rounding Error?

iphone - 通过AudioQueueStart功能在iOS7中进行录音