先来看下面的视频:


  是不是很神奇?可以看到,我录制了一个SSH session的所有操作与反馈,并完全还原在这里播放了。今天,我们就来介绍一下如何录制SSH轻视频,并整合在博客里播放。

SSH轻视频的录制

SSH视频录制需要软件asciinema. 可以用下面的命令安装。

apt-get install asciinema

安装完毕后,即可开始录制。

asciinema rec your-file.cast

录制完毕后按下Ctrl + D结束录制,程序会自动在当前目录下生成your-file.cast的录屏文件。

  然后,我们再来介绍一下如何在自己的博客中播放这样的轻视频。
  如果您的网站面对的是国外访客,您可以直接上传生成的cast录屏文件,调用asciinema.org官方的嵌入链接来播放。很遗憾,他们官方的播放器在国内加载非常慢,因此我们不得不在自己的服务器上提供播放服务。幸好这非常简单。

  SSH轻视频的播放仅需要两个文件,我把他们放在Github上,通过JSDelivr的CDN调用,在国内的访问速度就非常快了。Github链接在这里https://github.com/Har-Kuun/sshsharer, 上面有详细的调用链接。

  您只要在文章中需要插入播放器的地方插入下面这几行:

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/Har-Kuun/sshsharer@1.0/sshsharer-player.css" />   
<sshsharer-player src="https://link-to-your.cast"></sshsharer-player>
<script src="https://cdn.jsdelivr.net/gh/Har-Kuun/sshsharer@1.0/sshsharer-player.js"></script>

  将第二行的link-to-your.cast替换为您自己的.cast文件位置即可。

  录制并播放SSH轻视频的方法就介绍到这里,如果您还有什么疑问,欢迎在原博留言,他将尽力解答。

本文作者为香菇肥牛,原文链接为 香菇肥牛