Macでブラウザでの操作状況を簡単にgif化することについて、メモしておきます。
使うツール
- ffmpeg
- mac標準搭載の動画キャプチャ
準備
ffmpegのインストール by brew
$ brew install ffmpeg
Updating Homebrew...
・・・
(省略)
・・・
$ ffmpeg -version
ffmpeg version 4.3.1 Copyright (c) 2000-2020 the FFmpeg developers
built with Apple clang version 11.0.3 (clang-1103.0.32.62)
gifの作成の仕方
1.Command + Shift + 5 で動画キャプチャをとる
Mac で画面を収録する方法 を参考にして、画面の動画キャプチャを録ります。
2.ffmpeg を使ってgifファイルを作成
1で作成したmovファイルを、ffmpegでgif化します。
$ ffmpeg -i hoge.mov -r 24 aaa.gif
これで完了です。