LOL Errors: لقطات طريفة لأخطاء التطبيق

استلهمنا الفكرة من lolcommits، وهي أداة تلتقط صورة لكم في كل مرة تنفّذون فيها git commit. ومن باب المرح، قررنا بناء شيء مشابه: لقطات متحركة تُلتقط في كل مرة يقع فيها خطأ في التطبيق، مع عرض رسالة الخطأ فوق اللقطة. الأداة تدعم حاليًا OS X فقط.

مثال

عندما يظهر لنا خطأ.

نحصل أيضًا على صورة مطوّر مسكين يكاد ينتف شعره من الإحباط :-)

التثبيت

ستحتاجون إلى تثبيت ImageMagick و FFmpeg. وإذا كنتم تستخدمون Homebrew فالأمر بهذه البساطة:

brew install imagemagick
brew install ffmpeg
lang-bash

بعد ذلك يمكنكم تثبيت الـ gem بإضافته إلى ملف Gemfile في تطبيقكم.

gem 'lolerrors', group: :development
lang-ruby

هذا كل شيء! أنتم الآن جاهزون لالتقاط لقطات طريفة لأنفسكم وأنتم تصارعون تطبيقكم. ستُحفظ الصور المتحركة الناتجة في ~/lolerrors

يمكنكم الاطلاع على الكود هنا https://github.com/oozou/lolerrors.

مشكلة تحسين ملفات GIF والتحريك المدمج (coalesced animation)

حاولنا تحويل ملف الفيديو الملتقط بصيغة MOV إلى GIF باستخدام FFmpeg، ثم تحسينه باستخدام ImageMagick. لكن الملف بعد التحسين ظل كبيرًا نسبيًا (نحو 1 MB) مقارنة بنسخة MOV (نحو 150 KB). يبدو أن الضغط لم يكن بالقدر المتوقع، كما ظهرت مشكلات أخرى مثل اهتزاز النص المعروض فوق الصورة المتحركة.

تبيّن أن السبب مرتبط بنوع التحريك في ملف GIF. فالملف الذي يحوّله FFmpeg يكون من نوع overlay animation، وهو أبسط أنواع التحريك المحسّن على مستوى الإطارات، والنوع الافتراضي عند تحويل ملف فيديو إلى GIF. في هذا النوع، يضيف كل إطار فوق ما سبقه البكسلات الجديدة فقط.

للأسف، الفيديو الملتقط ليس بطبيعته تحريكًا من هذا النوع، لذلك قد تفشل عملية التحسين هذه فشلًا ذريعًا. لكن يمكننا تحويله إلى coalesced animation، حيث يُملأ كل إطار بالكامل ويعرض جميع البكسلات.

(الصور من http://www.imagemagick.org/Usage/anim_basics)

هذا النوع من التحريك أسهل في المعالجة اللاحقة، فهو يجعل ملف GIF المحسّن أصغر ويحافظ على الجودة. ويكفي لتحويله أن نضيف المعامل -coalesce إلى الأمر convert في ImageMagick.

هذا مثال على أمر يحوّل ملف GIF إلى coalesced animation ويضيف فوقه نصًا.

convert path/to/original/file \
          -coalesce \
          -gravity South \
          -fill white \
          -stroke black \
          -strokewidth 2 \
          -pointsize 24 \
          -annotate +0+10 "some text" \
        path/to/new/file
lang-bash

انحلّت مشكلة اهتزاز النص، وأصبح بالإمكان تحسين ملف GIF إلى حجم أصغر بكثير من ذي قبل :-)