| 両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン |
| html_css:replace_gifs_with_videos [2021/06/04 04:23] – [ビデオ解像度] ともやん | html_css:replace_gifs_with_videos [2024/04/09 15:49] (現在) – ともやん |
|---|
| | ~~CLOSETOC~~ |
| ====== アニメーションGIFをビデオに置き換えてページの読み込みを高速化する ====== | ====== アニメーションGIFをビデオに置き換えてページの読み込みを高速化する ====== |
| | {{page>hardware:video_resolutions}} |
| | |
| | ===== ffmpeg のインストール ===== |
| Windowsの場合は [[windows:scoop|scoop]] で [[windows:ffmpeg|ffmpeg]] をインストールできますが、[[windows:scoop|scoop]] 標準の [[windows:ffmpeg|ffmpeg]] では VP9 エンコード出来ないようです。(2021/02/25 現在) ffmpeg.json を編集して VP9 対応の ffmpeg をインストールする必要があります。\\ | Windowsの場合は [[windows:scoop|scoop]] で [[windows:ffmpeg|ffmpeg]] をインストールできますが、[[windows:scoop|scoop]] 標準の [[windows:ffmpeg|ffmpeg]] では VP9 エンコード出来ないようです。(2021/02/25 現在) ffmpeg.json を編集して VP9 対応の ffmpeg をインストールする必要があります。\\ |
| |
| ===== ビデオ解像度 ===== | ===== ffmpeg のオプション ===== |
| <html> | |
| <style> | |
| #mintbl th { | |
| white-space: nowrap; | |
| } | |
| </style> | |
| </html> | |
| <WRAP prewrap 100% #mintbl> | |
| ^ ^ ビデオ解像度 ^^^ 名称 (正式名称) ^ 備考 ^ | |
| ^ 画像アスペクト比\\ (Display Aspect Ratio：DAR) ^ 16:9 ^ 3:2 ^ 4:3 ^ ::: ^ ::: ^ | |
| |4320p | 7680×4320 | || 8K, SHV, 8K Ultra HD (Super High-Vision) | | | |
| |2160p | 3840x2160 | || 4K, UHD, Ultra HD (Ultra High Definition) | YouTube 推奨 | | |
| |1440p | 2560x1440 | || 2K, FHD, Full HD (Full High Definition) | ::: | | |
| |1080p | 1920x1080 | || HD (High Definition Video) | ::: | | |
| | 720p | 1280x720 | || SD (Standard Definition Video) | ::: | | |
| | 480p | 854x480 | 720×480| 640x480 | 480p (YouTube) | ::: | | |
| | 360p | 640x360 | || 360p (YouTube) | ::: | | |
| | 240p | 426x240 | || 240p (YouTube) | ::: | | |
| | 144p | 256×144 | || 144p (YouTube) | ::: | | |
| </WRAP> | |
| | |
| {{html_css:vector_video_standards5.svg?600|Vector_Video_Standards5.svg}}\\ | |
| [[https://commons.wikimedia.org/wiki/File:Vector_Video_Standards5.svg|File:Vector Video Standards5.svg - Wikimedia Commons]] より\\ | |
| | |
| 参考: [[https://support.google.com/youtube/answer/6375112|動画の解像度とアスペクト比 - パソコン - YouTube ヘルプ (Google)]]\\ | |
| [[wpjp>ピクセルアスペクト比|ピクセルアスペクト比 - Wikipedia]]\\ | |
| | |
| {{html_css:common_video_resolutions_2.svg?340|Common_Video_Resolutions_2.svg}}\\[[https://commons.wikimedia.org/wiki/File:Common_Video_Resolutions_2.svg|File:Common_Video_Resolutions_2.svg - Wikimedia Commons]] より\\ | |
| | |
| ===== ffmpeg オプション ===== | |
| <WRAP prewrap 100%> | <WRAP prewrap 100%> |
| MP4 - 1080p | MP4 - 1080p |
| [[https://gist.github.com/dvlden/b9d923cb31775f92fa54eb8c39ccd5a9|Convert video files to MP4 through FFMPEG]]\\ | [[https://gist.github.com/dvlden/b9d923cb31775f92fa54eb8c39ccd5a9|Convert video files to MP4 through FFMPEG]]\\ |
| [[https://amaya382.hatenablog.jp/entry/2017/03/26/012530|MP4をストリームで扱う場合の落とし穴 - 水底]]\\ | [[https://amaya382.hatenablog.jp/entry/2017/03/26/012530|MP4をストリームで扱う場合の落とし穴 - 水底]]\\ |
| | [[qita>CyberRex/items/960bbd0f348ad8dca544|FFmpegでよく使う例、コーデックをまとめてみた（2021年版） - Qiita]]\\ |
| |
