Multiple screen terminal capture using asciinema & tmux

terminal-capture.md

Commands Reference

1. Start a new tmux named session tmux new -s terminal-capture
2. Split the screen using these commands,

• vertical split <C-b>"
• horizontal split <C-b>%

3. To navigate between the panes,

• To goto Left pane <C-b> left-key
• To goto Right pane <C-b> right-key
• To goto Top pane <C-b> up-key
• To goto Down pane <C-b> down-key

4. Detach the session tmux <C-b>+d
5. Record the tmux session with asciinema asciinema rec -c "tmux attach -t terminal-capture"
6. Detach the tmux session, save the recording and convert it into gif
7. Enjoy !!!

This was really helpful. To clarify, C-b means Ctrl-b (even on Mac). And step 6, "Detach the tmux session" - you can press Ctrl-b d again and it will stop the recording; you don't need to exit tmux.

Also I found there is a bug with iTerm2 where it doesn't render anything except the first frame of recordings, after you've made a tmux recording. But if you exit the shell and start a new one it plays fine. Anyway I recommend using Apple's Terminal app for this rather than iTerm2.

This was really helpful. To clarify, C-b means Ctrl-b (even on Mac). And step 6, "Detach the tmux session" - you can press Ctrl-b d again and it will stop the recording; you don't need to exit tmux.

Also I found there is a bug with iTerm2 where it doesn't render anything except the first frame of recordings, after you've made a tmux recording. But if you exit the shell and start a new one it plays fine. Anyway I recommend using Apple's Terminal app for this rather than iTerm2.

Thanks for the extra tips @Timmmm 👍

Beautiful!

Awesome guide, thanks!