GIF AV1 වීඩියෝව සමඟ ප්‍රතිස්ථාපනය කිරීමට කාලයයි

එය 2019 වන අතර අපි GIF ගැන තීරණය කළ කාලයයි (නැහැ, අපි මේ තීරණය ගැන කතා කරන්නේ නැහැ! අපි මෙහි කිසි විටෙකත් එකඟ නොවනු ඇත! - මෙන්න අපි ඉංග්‍රීසියෙන් උච්චාරණය ගැන කතා කරමු, අපට මෙය අදාළ නොවේ - දළ වශයෙන්. පරිවර්තනය) GIFs විශාල ඉඩ ප්‍රමාණයක් ගනී (සාමාන්‍යයෙන් මෙගාබයිට් කිහිපයක්!), ඔබ වෙබ් සංවර්ධකයෙකු නම්, ඔබේ ආශාවන්ට සම්පූර්ණයෙන්ම පටහැනිය! වෙබ් සංවර්ධකයෙකු ලෙස, ඔබට වෙබ් අඩවිය ඉක්මනින් පූරණය වන පරිදි පරිශීලකයින්ට බාගත කිරීමට අවශ්‍ය දේවල් අවම කිරීමට අවශ්‍ය වේ. එම හේතුව නිසාම, ඔබ ජාවාස්ක්‍රිප්ට් කුඩා කරයි, PNG, JPEG ප්‍රශස්ත කර, සහ සමහර විට පරිවර්තනය කරයි JPEG සිට WebP දක්වා. නමුත් පැරණි GIF සමඟ කුමක් කළ යුතුද?

අපි යන තැනට අපට GIF අවශ්‍ය නොවනු ඇත!

ඔබේ ඉලක්කය අඩවි පැටවීමේ වේගය වැඩි දියුණු කිරීම නම්, ඔබ GIF ඉවත් කළ යුතුය! නමුත් ඔබ සජීවිකරණ පින්තූර සාදා ගන්නේ කෙසේද? පිළිතුර වීඩියෝවයි. බොහෝ අවස්ථාවලදී, ඔබට වඩා හොඳ තත්ත්වයේ සහ 50-90% ක ඉඩ ඉතිරියක් ලැබෙනු ඇත! ජීවිතයේ බොහෝ දේවල වාසි සහ අවාසි ඇත. ඔබ වීඩියෝ සමඟ GIF ප්‍රතිස්ථාපනය කරන විට, බොහෝ විට ඔබට කිසිදු අවාසියක් සොයා ගැනීමට නොහැකි වනු ඇත.

සියලුම GIF සමඟ පහළට!

වාසනාවකට මෙන්, මෑත වසරවලදී වීඩියෝ සමඟ GIF වෙනුවට ආදේශ කිරීම සාමාන්ය දෙයක් වී ඇත, එබැවින් අවශ්ය සියලු මෙවලම් දැනටමත් භාවිතා වේ. මෙම ලිපියෙන්, මම රෝදය ප්‍රතිනිර්මාණය නොකරමි, නමුත් පවතින විසඳුම් තරමක් වැඩි දියුණු කරමි. එහෙනම් මෙන්න සාරාංශය:

1. GIF එකක් ගෙන එය වීඩියෝවකට පරිවර්තනය කරන්න
2. H.264 හෝ VP9 භාවිතයෙන් වීඩියෝව සංකේතනය කරන්න, i.e. එය සම්පීඩනය කර MP4 හෝ WebM කන්ටේනරයට අසුරන්න
3. ආදේශ කරන්න <img> සජීවිකරණ GIF සමඟ <video> රෝලර් සමඟ
4. GIF ආචරණයක් සඳහා ශබ්දය සහ ලූපය නොමැතිව ස්වයංක්‍රීය වාදනය ක්‍රියාත්මක කරන්න

ක්‍රියාවලිය විස්තර කරන හොඳ ලියකියවිලි Google සතුව ඇත.

එය 2019 ය

දැන් 2019. ප්‍රගතිය ඉදිරියට ගමන් කරයි, අප එය සමඟ ඉදිරියට යා යුතුය. මෙතෙක් අපට සියලුම බ්‍රව්සර් සහ වීඩියෝ කේතීකරණ මෙවලම් හරහා පුළුල් ලෙස සහාය දක්වන කෝඩෙක් විකල්ප දෙකක් තිබේ:

1. H.264 - 2003 දී හඳුන්වා දුන් අතර අද බහුලව භාවිතා වේ
2. VP9 - 2013 දී දර්ශනය වූ අතර H.50 හා සසඳන විට 264% ක පමණ සම්පීඩන වැඩිදියුණු කිරීම් ලබා ඇත. ඔවුන් මෙහි ලියන පරිදි සෑම දෙයක්ම සෑම විටම එතරම් රෝස නොවේ

සටහන: H.265 යනු H.264 හි ඊළඟ අනුවාදය වන අතර VP9 සමඟ තරඟ කිරීමට හැකියාව ඇතත්, පිටුවේ පෙන්වා ඇති පරිදි දුර්වල බ්‍රවුසර සහාය නිසා මම එය සලකන්නේ නැත. https://caniuse.com/#feat=hevc. H.265 H.264 තරම් ව්‍යාප්ත නොවීමටත්, Alliance of Open Media consortium රාජකීයත්වය-නිදහස් codec, AV1 සමඟ වැඩ කිරීමටත් ප්‍රධාන හේතුව බලපත්‍ර පිරිවැයයි.

මතක තබා ගන්න, අපගේ ඉලක්කය පැටවීමේ වේලාවන් වේගවත් කිරීම සඳහා විශාල GIF හැකි කුඩාම ප්‍රමාණයට හැකිලීමයි. අපගේ අවි ගබඩාවේ වීඩියෝ සම්පීඩනය සඳහා නව ප්‍රමිතියක් නොතිබුනේ නම් එය අමුතු 2019 වනු ඇත. නමුත් එය පවතින අතර AV1 ලෙස හැඳින්වේ. AV1 සමඟ ඔබට පුළුවන් VP30 හා සසඳන විට සම්පීඩනයේ ආසන්න වශයෙන් 9% වැඩි දියුණුවක් ලබා ගන්න. ලෙපෝටා! 🙂

AV1 2019 සිට ඔබේ සේවයේ ඇත!

ඩෙස්ක්ටොප් මත

මෑතකදී AV1 වීඩියෝ විකේතනය සඳහා සහය ඩෙස්ක්ටොප් අනුවාදවලට එක් කරන ලදී ගූගල් ක්රෝම් 70 и මොසිල්ලා ෆයර්ෆොක්ස් 65. මේ වන විට ෆයර්ෆොක්ස් සහාය දෝෂ සහිත වන අතර බිඳ වැටීම් ඇති කළ හැක, නමුත් එකතු කිරීමත් සමඟ දේවල් වැඩිදියුණු විය යුතුය dav1d විකේතකය දැනටමත් Firefox 67 හි ඇත (දැනටමත් නිකුත් කර ඇත, නමුත් සහාය දර්ශනය වී ඇත - ආසන්න වශයෙන්. පරිවර්තනය.). නව අනුවාදය පිළිබඳ විස්තර සඳහා කියවන්න - dav1d 0.3.0 නිකුතුව: ඊටත් වඩා වේගවත්!

ස්මාර්ට් ෆෝන් මත

සුදුසු විකේතක නොමැතිකම හේතුවෙන් ස්මාර්ට් ෆෝන් සඳහා දෘඪාංග සහය දැනට නොමැත. ඔබට මෘදුකාංග විකේතනය කළ හැකිය, මෙය බැටරි පරිභෝජනය වැඩි කිරීමට හේතු වේ. AV1 දෘඪාංග විකේතනයට සහය දක්වන පළමු ජංගම SOC 2020 දී දිස්වනු ඇත.

එවිට ලිපියේ පාඨකයින්, "ඉතින් ජංගම දුරකථන තවමත් එයට නිසි ලෙස සහය නොදක්වන්නේ නම්, AV1 භාවිතා කරන්නේ ඇයි?"

AV1 යනු තරමක් නව කෝඩෙක් එකක් වන අතර අපි එහි අනුවර්තනයේ ආරම්භයේ සිටිමු. මෙම ලිපිය "ඔබ පිසින විට, සමූහයා අනුගමනය කරනු ඇත" අදියර ලෙස සිතන්න. ඩෙස්ක්ටොප් සහාය සමහර ප්‍රේක්ෂකයින් සඳහා අඩවි වේගවත් කරයි. තවද AV1 ඉලක්ක උපාංගයේ සහය නොදක්වන විට පැරණි කෝඩෙක්ස් පසුබැසීමේ අවස්ථාවක් ලෙස භාවිතා කළ හැක. නමුත් පරිශීලකයින් AV1 සහාය ඇති උපාංග වෙත මාරු වන විට, සියල්ල සූදානම් වනු ඇත. මෙය සාක්ෂාත් කර ගැනීම සඳහා, අපි පහත පෙන්වා ඇති පරිදි වීඩියෝ ටැගයක් සෑදිය යුතු අතර, බ්‍රවුසරයට එහි කැමති ආකෘතිය තේරීමට ඉඩ සලසයි. AV1 - >> VP9 - >> H.264. හොඳයි, පරිශීලකයා සතුව ඉතා පැරණි උපාංගයක් හෝ නැවිගේටරයක් ​​තිබේ නම් එය වීඩියෝවට කිසිසේත්ම සහාය නොදක්වයි (එය H264 සමඟ අතිශයින් ඉඩ නැත), එවිට ඔහු GIF පමණක් දකිනු ඇත

<video style="display:block; margin: 0 auto;" autoplay loop muted playsinline poster="RollingCredits.jpg">
  <source src="media/RollingCredits.av1.mp4" type="video/mp4">
  <source src="media/RollingCredits.vp9.webm" type="video/webm">
  <source src="media/RollingCredits.x264.mp4" type="video/mp4">
  <img src="media/RollingCredits.gif">
</video>

AV1 නිර්මාණය

AV1 හි වීඩියෝ නිර්මාණය කිරීම පහසුය. ඔබගේ පද්ධතිය සඳහා නවතම ffmpeg ගොඩනැගීම මෙතැනින් බාගන්න සහ පහත විධාන භාවිතා කරන්න. ඉලක්ක බිටු අනුපාතය සාක්ෂාත් කර ගැනීම සඳහා අපි පාස් 2 ක් භාවිතා කරමු. මෙය සිදු කිරීම සඳහා අපි ffmpeg දෙවරක් ධාවනය කරන්නෙමු. පළමු වතාවට අපි ප්රතිඵලය නොපවතින ගොනුවකට ලියන්නෙමු. මෙය ffmpeg හි දෙවන ධාවනය සඳහා අවශ්‍ය ලොගයක් සාදනු ඇත.

# Linux or Mac
## Проход 1
ffmpeg -i input.mp4 -c:v libaom-av1 -b:v 200k -filter:v scale=720:-1 -strict experimental -cpu-used 1 -tile-columns 2 -row-mt 1 -threads 8 -pass 1 -f mp4 /dev/null && 
## Проход 2
ffmpeg -i input.mp4 -pix_fmt yuv420p -movflags faststart -c:v libaom-av1 -b:v 200k -filter:v scale=720:-1 -strict experimental -cpu-used 1 -tile-columns 2 -row-mt 1 -threads 8 -pass 2 output.mp4

# Windows
## Проход 1
ffmpeg.exe -i input.mp4 -c:v libaom-av1 -b:v 200k -filter:v scale=720:-1 -strict experimental -cpu-used 1 -tile-columns 2 -row-mt 1 -threads 8 -pass 1 -f mp4 NUL && ^
## Проход 2
ffmpeg.exe -i input.mp4 -pix_fmt yuv420p -movflags faststart -c:v libaom-av1 -b:v 200k -filter:v scale=720:-1 -strict experimental -cpu-used 1 -tile-columns 2 -row-mt 1 -threads 8 -pass 2 output.mp4

මෙන්න පරාමිති බිඳවැටීමක්:

-i - Входной файл.

-pix_fmt - Используем формат 4:2:0 для выбора информации о цветности в видео. Существует много других возможных форматов, но 4:2:0 наиболее совместимый.

-c:v - Какой кодек использовать, в нашем случае - AV1.<br />
-b:v – Средний битрейт, которого мы хотим добиться.

-filter:v scale - Фильтр масштаба ffmpeg используется для уменьшения разрешения видео. Мы устанавливаем X:-1 что говорит ffmpeg уменьшить ширину до X, сохранив соотношение сторон.

-strict experimental - Надо указать, т.к. AV1 достаточно новый кодек.

-cpu-used - Ужасно названный параметр, который на самом деле используется для выбора уровня качества видео. Возможные значения 0-4. Чем меньше значение, тем лучше качество и, соответственно, больше время, которое займёт кодировка.

-tile-columns - Для использования нескольких тредов. Говорит AV1 разбить видео на отдельные колонки, которые могут быть перекодированы независимо для лучшей утилизации ЦПУ.

-row-mt – Тоже, что и предыдущий параметр, но разбивает так же на строки внутри колонок.

-threads - Количество тредов.

-pass - Какой проход сейчас выполняется.

-f - Используется только при первом проходе. Указывает формат выходного файла, т.е. MP4 в нашем случае.

-movflags faststart - Включаем быстрый старт видео, перемещая часть данных в начало файла. Это позволит начать воспроизведение ещё до полной загрузка файла.

GIF සෑදීම

GIF නිර්මාණය කිරීම සඳහා මම පහත විධානය භාවිතා කළෙමි. ප්‍රමාණය අඩු කිරීමට, මම මුල් 720 fps වීඩියෝව වෙනුවට GIF 12px පළල සහ 24 fps දක්වා පරිමාණය කළෙමි.

./ffmpeg -i /mnt/c/Users/kasing/Desktop/ToS.mov -ss 00:08:08 -t 12
-filter_complex "[0:v] fps=12,scale=720:-1" -y scene2.gif

පරීක්ෂණ ප්‍රති .ල

සීයක් කියවනවට වඩා එක පාරක් බලන එක හොඳයි නේද? AV1 අපගේ අරමුණු සඳහා නිවැරදි තේරීම බව තහවුරු කර ගනිමු. මම මෙහි ඇති Tears Of Steel වීඩියෝව නොමිලේ ලබා ගත්තෙමි https://mango.blender.org/, සහ AV1, VP9, ​​H.264 කෝඩෙක්ස් සඳහා ආසන්න වශයෙන් එකම බිටු අනුපාතය භාවිතයෙන් එය පරිවර්තනය කරන ලදී. ප්‍රතිඵල ඔබටම සංසන්දනය කිරීමට හැකි වන පරිදි පහතින් ඇත.

සටහන 1: පහත ගොනුව ඔබ වෙනුවෙන් පූරණය නොවන්නේ නම්, එය ඔබගේ බ්‍රවුසරය යාවත්කාලීන කිරීමට කාලය විය හැක. මම Chrome, Vivaldi, Brave හෝ Opera වැනි Chromium පදනම් කරගත් බ්‍රවුසරයක් නිර්දේශ කරමි. AV1 සහාය පිළිබඳ නවතම තොරතුරු මෙන්න https://caniuse.com/#feat=av1

සටහන 2: Linux හි Firefox 66 සඳහා ඔබට ධජය සැකසීමට අවශ්‍ය වනු ඇත media.av1.enabled අර්ථයට true в about:config

සටහන 3: සාමාන්‍ය GIF ඒවායේ විශාල ප්‍රමාණය සහ මෙම පිටුව පූරණය කිරීමට අවශ්‍ය වන දත්ත ප්‍රමාණය හේතුවෙන් පහතින් ඇතුළත් නොකිරීමට මම තීරණය කළෙමි! (මෙය උත්ප්‍රාසාත්මක වනු ඇත, මන්ද මෙම පිටුව පිටුවක ඇති දත්ත ප්‍රමාණය අඩු කිරීමකි :)). නමුත් ඔබට මෙහි අවසාන GIF බලන්න පුළුවන් https://github.com/singhkays/its-time-replace-gifs-with-av1-video/blob/master/GIFs

පරිවර්තක සටහන: Habr ඔබට ස්වයංක්‍රීය ධාවනය සක්‍රීය කිරීමට සහ ගොනුව ලූප් කිරීමට ඉඩ නොදේ, එබැවින් ඔබට ඇගයීමට හැක්කේ ගුණාත්මකභාවය පමණි. "සජීවිකරණ පින්තූර" සජීවීව පෙනෙන්නේ කෙසේදැයි ඔබට දැක ගත හැකිය මුල් ලිපිය.

දර්ශනය 1 @ 200 Kbps

මෙහි බොහෝ චලනයන් ඇත, එය අඩු බිට්රේට් වලදී විශේෂයෙන් සංවේදී වේ. මෙම බිටු අනුපාතයෙහි H.264 කෙතරම් නරකද යන්න ඔබට වහාම දැක ගත හැක; කොටු ක්ෂණිකව දිස්වේ. VP9 තත්ත්වය ටිකක් වැඩි දියුණු කරයි, නමුත් වර්ග තවමත් දෘශ්යමාන වේ. AV1 පැහැදිලිවම ජයග්‍රහණය කරයි, පැහැදිලිවම වඩා හොඳ පින්තූරයක් නිපදවයි.

H.264

VP9

AV1

දර්ශනය 2 @ 200 Kbps

මෙහි බොහෝ පාරභාසක CGI අන්තර්ගතයන් ඇත. ප්‍රතිඵල පසුගිය වතාවේ මෙන් වෙනස් නොවේ, නමුත් සමස්තයක් ලෙස AV1 වඩා හොඳින් පෙනේ.

H.264

VP9

AV1

දර්ශනය 3 @ 100 Kbps

මෙම දර්ශනයේදී, අපි බිටු අනුපාතය 100 Kbps දක්වා අඩු කරන අතර ප්‍රතිඵල ස්ථාවර වේ. AV1 අඩු බිට්රේට් වලදී පවා එහි නායකත්වය පවත්වාගෙන යයි!

H.264

VP9

AV1

කේක් මත චෙරි

GIF හා සසඳන විට ඉතිරි වූ කලාප පළල ප්‍රමාණය දැනීමෙන් මෙම ලිපිය අවසන් කිරීමට - සියලුම වීඩියෝවල මුළු ප්‍රමාණය වැඩි... 1.62 MB!! හරි. සමහර මගුල් බයිට් 1,708,032ක්! සංසන්දනය කිරීම සඳහා, එක් එක් දර්ශනය සඳහා GIF සහ AV1 වීඩියෝ ප්‍රමාණ මෙහි ඇත

GIF
AV1

දර්ශනය 1
11.7 මෙබ
0.33 මෙබ

දර්ශනය 2
7.27 මෙබ
0.18 මෙබ

දර්ශනය 3
5.62 මෙබ
0.088 මෙබ

සරලව විශ්මයජනකයි! එය නොවේ ද?

සටහන: VP9 සහ H264 ගොනු ප්‍රමාණයන් ලබා දී නොමැත, මන්ද ඒවා එකම bitrate භාවිතා කිරීම නිසා AV1 ට වඩා ප්‍රායෝගිකව වෙනස් නොවේ. මෙම කෝඩෙක්ස් ඉතා කුඩා ගොනු ප්‍රමාණවලින් GIF වලට වඩා හොඳ ගුණාත්මක භාවයක් නිපදවන බව උද්දීපනය කිරීම සඳහා එකම ප්‍රමාණවලින් තවත් තීරු දෙකක් එකතු කිරීම අනවශ්‍ය වනු ඇත.

මූලාශ්රය: www.habr.com