html_css:replace_gifs_with_videos [ともやん・どっと・ねっと]

html_css:replace_gifs_with_videos

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

--- html_css:replace_gifs_with_videos [2021/05/31 03:00] – ともやん
+++ html_css:replace_gifs_with_videos [2024/04/09 15:49] (現在) – ともやん
@@ 行 1: / 行 1: @@
+~~CLOSETOC~~
 ====== アニメーションGIFをビデオに置き換えてページの読み込みを高速化する ======
-Windowsの場合は [[windows:scoop|scoop]] で [[windows:ffmpeg|ffmpeg]] をインストールできますが、scoop 標準の ffmpeg では VP9 エンコード出来ないようです。(2012/02/25 現在) ffmpeg.json を編集して VP9 対応の ffmpeg をインストールする必要があります。\\
+{{page>hardware:video_resolutions}}
-===== ビデオ解像度 =====
+===== ffmpeg のインストール =====
-p: 7680×4320 8K\\
+Windowsの場合は [[windows:scoop|scoop]] で [[windows:ffmpeg|ffmpeg]] をインストールできますが、[[windows:scoop|scoop]] 標準の [[windows:ffmpeg|ffmpeg]] では VP9 エンコード出来ないようです。(2021/02/25 現在) ffmpeg.json を編集して VP9 対応の ffmpeg をインストールする必要があります。\\
-p: 3840x2160 4K (YouTube)\\
-p: 2560x1440 2K (YouTube)\\
-p: 1920x1080 HD (YouTube)\\
-p: 1280x720 SD (YouTube)\\
-p: 854x480 480p (YouTube)\\
-p: 640x360 360p (YouTube)\\
-p: 426x240 240p (YouTube)\\
-p: 256×144 144p (YouTube)\\
-{{html_css:common_video_resolutions_2.svg?340|Common_Video_Resolutions_2.svg}}{{html_css:vector_video_standards5.svg?340|Vector_Video_Standards5.svg}}\\
+===== ffmpeg のオプション =====
-[[https://commons.wikimedia.org/wiki/File:Common_Video_Resolutions_2.svg|File:Common_Video_Resolutions_2.svg - Wikimedia Commons]]\\
-[[https://commons.wikimedia.org/wiki/File:Vector_Video_Standards5.svg|File:Vector Video Standards5.svg - Wikimedia Commons]] より\\
-===== ffmpeg オプション =====
 <WRAP prewrap 100%>
 MP4 - 1080p
@@ 行 48: / 行 37: @@
 [[https://gist.github.com/dvlden/b9d923cb31775f92fa54eb8c39ccd5a9|Convert video files to MP4 through FFMPEG]]\\
 [[https://amaya382.hatenablog.jp/entry/2017/03/26/012530|MP4をストリームで扱う場合の落とし穴 - 水底]]\\
+[[qita>CyberRex/items/960bbd0f348ad8dca544|FFmpegでよく使う例、コーデックをまとめてみた（2021年版） - Qiita]]\\

html_css/replace_gifs_with_videos.1622397618.txt.gz
最終更新: 2021/05/31 03:00
by ともやん