0
0

More than 1 year has passed since last update.

READMEにGif動画を埋め込む方法

Posted at

1.はじめに

READMEにGif動画を埋め込んでみたので、忘れないために本記事を書きました。
無料のGitHubプランではアップロードの上限が10MBまでとなっているらしく変換が必要とのこと。

2.事前準備

QuickTimeで画面収録を行っている。

3. 実装

1.ffmpegをインストール

  • 以下コマンドでホームディレクトリにffmpegをインストールしてください。
brew install ffmpeg

2.movをgifに変換

動画を保存しているディレクトリへ移動し以下コマンドを実行してください。

ffmpeg -i sample.mov -vf scale=720:-1 -r 10 sample.gif

3.issueにアップロード

Githubにて新規issueを作成し、上記で作成したgifファイル(sample.gif)をドロップしてください。
そうすると、URLが表示されるのでそのままREAMEにコピー。
READMEを確認し動画が表示されていれば成功です。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0