Asciinema 一个轻量级的终端录屏工具 - 分享asciicast(4/7)

Asciinema有多种分享asciicast的手段。比如,直接分享本地的asciicast文件。
如果将asciicast上传到仓库的话,无论是公共仓库还是私有仓库,都可以按照以下方式分享。通过点击仓库的Share按钮就可以选择相应的分享方式。

选项

选项可以调整播放器的行为。

t

执行开始播放的时间。默认从头开始播放(t=0)。
支持格式:

  • ss
  • mm:ss
  • hh:mm:ss

autoplay

该选项控制播放器加载时是否自动开始播放。
支持格式:

  • 0/false - 不自动开始播放(默认)
  • 1/true - 自动开始播放

preload

该选项控制播放器是否预加载记录。
支持格式:

  • 0/false - 不预加载记录,请等待用户操作
  • 1/true - 预加载记录

loop

该选项控制是否启用播放器循环播放。
支持格式:

  • 0/false - 禁用循环-默认
  • 1/true - 启用循环

speed

该选项改变播放速率。默认速度为1,表示原始速率播放。

size

该选项更改终端字体的大小。
支持格式:

  • small (默认值)
  • medium
  • big

theme

该选项允许更改用于终端的主题。
可用主题:

  • asciinema
  • tango
  • solarized-dark
  • solarized-light
  • monokai

cols

该选项允许更改终端的宽度。默认情况下,使用录屏时终端的宽度。

rows

该选项允许更改终端的高度。默认情况下,使用录屏时终端的高度。

分享链接

最简单的方式是直接分享仓库的链接。可以在分享连接添加上表的选项来控制播放器的行为。

1
https://asciinema.org/a/14?t=25&speed=2&theme=solarized-dark

分享上述连接播放器会更改成solarized-dark主题,跳转到第25秒出开始以2倍速率快速播放。

嵌入图片链接

1
<a href="https://asciinema.org/a/14?autoplay=1"><img src="https://asciinema.org/a/14.png" width="836"/></a>

这会在页面中显示一个播放的图片,当点击上面的链接。播放器将自动播放,因为在href中配置了autoplay=1

在Markdown

1
[![asciicast](https://asciinema.org/a/14.png)](https://asciinema.org/a/14)

脚本嵌入播放器

1
<script src="https://asciinema.org/a/14.js" id="asciicast-14" async data-autoplay="true" data-size="big"></script>

可以在页面中嵌入<script>, 播放器的选项可以更改scriptsrc
比如,控制播放器从5秒处开始自动播放:

1
<script src="https://asciinema.org/a/14.js?autoplay=1&t=00:05" id="asciicast-14" async></script>

或者在script添加data-*属性。比如, 更改播放器的主题为solarized-light:

1
<script src="https://asciinema.org/a/14.js" id="asciicast-14" async data-theme="solarized-light"></script>