cssdeck 같은 코덱 캐스트 기능

Question

최근에 codemirror 프로젝트가 내 관심을 끌었습니다. Jsbin은 뒤에서 코덱을 사용합니다.

해당 웹 사이트에서 시간을 보낸 후 cssdeck을 발견했습니다. cssdeck 내부에서는 codecasts이라는 기능을 구현하고 있습니다.

코드 캐스팅을 통해 타이핑을 녹음 할 수 있으며 나중에 해당 녹음 된 코드를 재생할 수 있습니다. 가장 흥미롭게도 우리는 녹음 된 구현물을 재생할 때 코드를 편집 할 수 있습니다.

체크 아웃 this example을 확인하십시오.

누구나 이러한 기능을 만드는 방법에 대한 아이디어가 있습니까?

Answer 1

이 녹음은 키 누르기를 누른 다음 다시 재생하지 않습니까?

아마도 각 이벤트는 키 누르기가 어느 창에 있었는지, 시간 (예 : 이전 이벤트 이후 경과 된 밀리 초) 및 누른 키 (백 스페이스 포함)를 기록하는 개체입니다.

커서 위치를 변경하는 마우스 클릭에 대처하기 위해 특수 항목이 필요할 수도 있습니다.

그래서이 키 누르기 개체의 배열을 만든 다음 처음부터 다시 재생할 수 있습니다.