Type.js 录制并在网页中回放打字效果

阅读 927
收藏 56
2017-03-09
原文链接:github.com

A tool for creating typewriter simulations.

type.js allows you to type anything in terminal, and it will record the whole process of your typing, then generate a JSON that you can later replay it in your pages.

Install

$ git clone https://github.com/unixzii/type.js.git

$ npm install

Usage

To Record:

$ bin/type-cli

Pass option --help to view detail usage.

To Replay:

Import the supporting library at dist/client.js

const json = /* Grab your recorded JSON file */
const el = /* Grad your DOM element */
const speed = 1.5; // I would like to replay at 1.5x.

new TypePlayer(json, function (text) {
  el.innerText = text;
}, speed).play();

License

The project is available under the MIT license. See the LICENSE file for more info.


本文对你有帮助?欢迎扫码加入前端学习小组微信群:

评论