asciinema는 터미널을 텍스트 형식으로 녹화하는 프로그램입니다.
학교 수업 중, 프로젝트 결과물이 CLI 기반인 경우 결과 발표를 할 때 컴퓨터 화면을 녹화한 적이 있습니다. 문제는 화면을 녹화할 경우 용량이 너무 크다는 것입니다. 그래서 용량을 줄이기 위해 조금 더 낮은 화질로 인코딩하는 과정이 필요했습니다. 하지만 asciinema를 사용하면 터미널을 텍스트 형식으로 기록할 수 있으므로 용량이 작고, 전용 embedded player를 제공하므로 재생하기도 좋습니다.
1<html>
2 <head>
3 <link rel="stylesheet" type="text/css" href="/asciinema-player.css" />
4 </head>
5 <body>
6 <!-- This line depends on your record. -->
7 <asciinema-player
8 src="/your_record.cast"
9 cols="100"
10 rows="30"
11 ></asciinema-player>
12 ...
13 <script src="/asciinema-player.js"></script>
14 </body>
15</html>
웹페이지에 플레이어를 바로 추가하고 싶다면 아래 코드를 추가하면 됩니다.
1<script id="asciicast-your_record_id" src="your_record_path" async></script>
Comments