xterm-player
所属分类：Telnet客户端/Shell
开发工具：TypeScript
文件大小：776KB
下载次数：0
上传日期：2022-12-09 20:27:15
上 传 者：
sh-1993
说明： 基于web的终端录音播放器
(a web based terminal recording player)
文件列表:
.editorconfig (693, 2020-09-09)
.eslintrc.js (1475, 2020-09-09)
.npmignore (657, 2020-09-09)
.npmrc (18, 2020-09-09)
.prettierrc (65, 2020-09-09)
LICENSE (1064, 2020-09-09)
assets (0, 2020-09-09)
assets\1.cast (38799, 2020-09-09)
assets\2.cast (109408, 2020-09-09)
assets\3.cast (2183530, 2020-09-09)
assets\4.cast (374285, 2020-09-09)
assets\5.cast (86727, 2020-09-09)
assets\audio.cast (7079, 2020-09-09)
assets\audio.mp3 (354312, 2020-09-09)
assets\custom-theme.cast (17028, 2020-09-09)
build (0, 2020-09-09)
build\config.js (205, 2020-09-09)
build\utils.js (108, 2020-09-09)
build\webpack.config.base.js (134, 2020-09-09)
build\webpack.config.dev.js (1624, 2020-09-09)
build\webpack.config.docs.js (2832, 2020-09-09)
build\webpack.config.prod.js (2460, 2020-09-09)
codecov.yml (889, 2020-09-09)
demo (0, 2020-09-09)
demo\index.html (3208, 2020-09-09)
demo\index.ts (1202, 2020-09-09)
docs (0, 2020-09-09)
docs\assets (0, 2020-09-09)
docs\assets\084c17dfa9e7318266cca8764b80cda9.cast (7079, 2020-09-09)
docs\bundle.min.js (40830, 2020-09-09)
docs\css (0, 2020-09-09)
docs\css\index.min.css (1343, 2020-09-09)
... ...
# XtermPlayer
本项目的设计初衷是提供`asciinema-player`的替代品。[asciinema-player](https://github.com/asciinema/asciinema-player)
是用`ClojureScript`实现的,我认为这门语言过于小众,大部分前端工程师很难直接参与贡献。
因此本项目希望利用`Typescript`让项目的贡献变得简单一点。
当然还远不止这些!
[](https://creatorsdaily.com/3903ee8a-9a86-421b-81fe-540ef0a5dd95?utm_source=vote)
## [Demo展示](https://javacs3.github.io/xterm-player/)
## 使用方法
```html
```
## 功能特色
1. 支持 asciinema [v1](https://github.com/asciinema/asciinema/blob/develop/doc/asciicast-v1.md), [v2](https://github.com/asciinema/asciinema/blob/develop/doc/asciicast-v2.md) 文件格式和功能
2. 支持 [Terminalizer](https://github.com/faressoft/terminalizer-player) 文件格式
3. 支持嵌入音频
## 常见问题
### 如何录制一个带有声音的终端录屏
```shell
$ npm i -g xterm-recorder # 首先安装 xterm-recorder
$ xterm-recorder rec # 进程退出后会自动保存至 out.cast
```
更多使用方法请查阅 https://github.com/JavaCS3/xterm-recorder
### 如何自定义主题
这里是一个 solarized dark 主题的例子
```javascript
const solarized_dark_theme = {
background: '#002b36',
foreground: '#839496',
cursor: '#839496',
cursorAccent: '#839496',
selection: '#073***2',
black: '#073***2',
brightBlack: '#002b36',
blue: '#268bd2',
brightBlue: '#839496',
red: '#dc322f',
brightRed: '#cb4b16',
green: '#859900',
brightGreen: '#586e75',
yellow: '#b58900',
brightYellow: '#657b83',
magenta: '#d33682',
brightMagenta: '#6c71c4',
cyan: '#2aa1***',
brightCyan: '#93a1a1',
white: '#eee8d5',
brightWhite: '#fdf6e3',
}
const player = new XtermPlayer.XtermPlayer(url, div, { theme: solarized_dark_theme })
// 或者你也可以使用预制的主题
const player = new XtermPlayer.XtermPlayer(url, div, { theme: XtermPlayer.XtermPlayer.THEME_SOLARIZED_DARK })
```
## 如何开发
```shell
$ cd
&& yarn
$ yarn demo
$ yarn test
```
近期下载者：
相关文件：
收藏者：