codecast功能像cssdeck

Question

最近codemirror項目引起了我的注意。 Jsbin在幕後使用了codemirror。

在網站上花了一些時間後，我發現cssdeck。在cssdeck內部，他們正在實現一個名爲codecasts的功能。

Codecasts允許我們記錄我們的打字，稍後我們可以播放該記錄的代碼。最有趣的是，當我們播放一個錄製的實現時，代碼仍然是可編輯的。

結賬this example。

有沒有人有任何想法如何創建這樣的功能？

Answer 1

是不是隻是錄製按鍵，然後播放它們？假設每個事件都是記錄哪個窗口的按鍵，時間（例如自上一事件以來經過的毫秒數）和按下的鍵（包括退格鍵）的對象。

還可能需要特殊的條目來應付鼠標點擊更改光標位置。

因此，您可以簡單地構建這些按鍵對象的數組，然後從頭開始播放它們。