跳转到内容
登录关注  
Qing.Su

如何录制并播放SSH轻视频

已推荐帖子

先来看下面的视频:


是不是很神奇?可以看到,我录制了一个SSH session的所有操作与反馈,并完全还原在这里播放了。今天,我们就来介绍一下如何录制SSH轻视频,并整合在博客里播放。本文作者为香菇肥牛,原文链接为https://qing.su/article/155.html, 转载需注明原文链接。谢谢!

我们先来介绍SSH轻视频的录制。

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

1
apt-get install asciinema

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

1
asciinema rec your-file.cast

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

然后,我们再来介绍一下如何在自己的博客中播放这样的轻视频。

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

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

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

1
2
3
<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轻视频的方法就介绍到这里,如果您还有什么疑问,欢迎在这里留言,我将尽力解答。本文作者为香菇肥牛,原文链接为https://qing.su/article/155.html, 转载需注明原文链接。谢谢!

查看完整帖子

分享这篇帖子


链接帖子

参与讨论

你现在可以发表并稍后注册。 如果你有帐户,现在就登录参与讨论。

游客
回复主题...

×   粘贴为富文本.   粘贴为纯文本来代替

  只允许使用75个表情符号.

×   你的链接已自动嵌入.   显示为链接来代替

×   你之前的内容已恢复.   清除编辑器

×   你无法直接粘贴图片。要从网址上传或插入图片。

登录关注  

×
×
  • 创建新的...