JS 项目拾粹 四: TimeCat 超高压缩比的网页无损录屏

项目 github 地址
谷歌浏览器示例

项目介绍摘自 readme 中文

TimeCat 是一套网页录屏的解决方案，利用其独特的算法，提供超高性能，超高压缩比的网页无损录制。可以广泛运作于监控系统，行为分析，案例复盘，远程教育，低流量视频协同等场景.

安装

使用 NPM

$ npm i timecatjs -D

在浏览器中导入

在浏览器中添加脚本标签并使用全局变量 timecat

• jsDelivr
• UNPKG

用法

引入 SDK

// 从 module
import { record, replay } from 'timecatjs';

// 从 cdn
const { record, replay } = window.timecat

录制

// record page
interface RecordOptions {
    audio?: boolean // if your want record audio
    emitter?: (data: RecordData, db: IndexedDBOperator) => void
}

// default use IndexedDB to save records
const ctrl = record(RecordOptions)

// if you wanna send the records to server
const ctrl = record({
    emitter: (data, db) => fetch(<Server URL>, {
            body: JSON.stringify(data),
            method: 'POST',
            ContentType: 'application/json'
        })
})

// 停止录制
ctrl.unsubscribe()

• 录制示例

重播

// replay record
interface ReplayOptions {
    socketUrl?: string // if live mode
    proxy?: string // if cross domain
    autoplay?: boolean // autoplay when data loaded
}

replay(ReplayOptions)

• 重播示例

本作品采用《CC 协议》，转载必须注明作者和本文链接