[asciinema] shell script, terminal 영상으로 녹화하기!!

개발자가 자신이 개발한 내용을 포스팅할때 이때까지 불편하게 colorscript(링크)나 혹은 github의 gist(링크)를 통해서 개발한내용을 블로그에 embedded 하곤 했다.

그러나 asciinema(링크) 를 쓴다면 더 동적으로 실시간으로 터미널을 녹화하여 포스팅 할 수 있다.

준비물

• macbook or linux computer with terminal
• homebrew

터미널에 설치 방법

brew install asciinema

녹화 방법

시작 : aciinema rec

끝 : exit

영상 파일

brew.cast

블로그에 포스팅 방법

1. 녹화 완료
2. .cast 파일 업로드
3. script 다운로드 및 추가
   js, css 다운로드 : https://github.com/asciinema/asciinema-player/releases
4. embeded player 추가
   <asciinema-player src="/cast/xxxxxx.cast"></asciinema-player>

완성본

아래는 influxdb를 homebrew를 통해 설치하는 모습을 터미널에서 녹화하여 보여준다.

영상처럼보이지만, 터미널의 내용을 그대~로 drag해서 긁을 수 있으며 과정을 순차적으로 영상마냥 보여주므로 아주 편리한 포스팅 도구라고 할 수 있다.