差分
このページの2つのバージョン間の差分を表示します。
次のリビジョン | 前のリビジョン | ||
html_css:replace_gifs_with_videos [2021/02/25 14:54] – 作成 ともやん | html_css:replace_gifs_with_videos [2024/04/09 15:49] (現在) – ともやん | ||
---|---|---|---|
行 1: | 行 1: | ||
+ | ~~CLOSETOC~~ | ||
====== アニメーションGIFをビデオに置き換えてページの読み込みを高速化する ====== | ====== アニメーションGIFをビデオに置き換えてページの読み込みを高速化する ====== | ||
- | Windowsの場合は [[windows: | + | {{page> |
+ | |||
+ | ===== ffmpeg のインストール ===== | ||
+ | Windowsの場合は [[windows: | ||
+ | |||
+ | ===== ffmpeg のオプション ===== | ||
+ | <WRAP prewrap 100%> | ||
+ | MP4 - 1080p | ||
+ | < | ||
+ | $ ffmpeg -i input.mov -preset slow -codec:a libfdk_aac -b:a 128k -codec:v libx264 -pix_fmt yuv420p -b:v 4500k -minrate 4500k -maxrate 9000k -bufsize 9000k -vf scale=-1: | ||
+ | </ | ||
+ | |||
+ | MP4 - 720p | ||
+ | < | ||
+ | $ ffmpeg -i input.mov -preset slow -codec:a libfdk_aac -b:a 128k -codec:v libx264 -pix_fmt yuv420p -b:v 2500k -minrate 1500k -maxrate 4000k -bufsize 5000k -vf scale=-1: | ||
+ | </ | ||
+ | |||
+ | MP4 - 480p | ||
+ | < | ||
+ | $ ffmpeg -i input.mov -preset slow -codec:a libfdk_aac -b:a 128k -codec:v libx264 -pix_fmt yuv420p -b:v 1000k -minrate 500k -maxrate 2000k -bufsize 2000k -vf scale=854: | ||
+ | </ | ||
+ | |||
+ | MP4 - 360p | ||
+ | < | ||
+ | $ ffmpeg -i input.mov -preset slow -codec:a libfdk_aac -b:a 128k -codec:v libx264 -pix_fmt yuv420p -b:v 750k -minrate 400k -maxrate 1000k -bufsize 1500k -vf scale=-1: | ||
+ | </ | ||
+ | </ | ||
===== 参考文献 ===== | ===== 参考文献 ===== | ||
[[https:// | [[https:// | ||
+ | [[https:// | ||
+ | [[wpjp> | ||
+ | [[wpjp> | ||
+ | [[https:// | ||
+ | [[https:// | ||
+ | [[https:// | ||
+ | [[qita> | ||