본문 바로가기

개발이야기/open source

[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해서 긁을 수 있으며 과정을 순차적으로 영상마냥 보여주므로 아주 편리한 포스팅 도구라고 할 수 있다.