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

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

项目介绍摘自 readme 中文

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

安装

使用 NPM
$ npm i timecatjs -D
在浏览器中导入

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

用法

引入 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 协议》,转载必须注明作者和本文链接
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!