Анімовані підписи html+p5.js: автоматизація легкий шлях
Саморобні анімовіні підписи, мають багато перевах, а також і недоліків. Бо на те все потрібно затратити власний час, щоб організувати в парі із ШІ, правильний підхід і реалізацію. В принципі це дуже лекго зробити код на одну повноцінну HTML сторінку із скетчем всередині. Але настає неочікувана фаза. Бо браузер, має систему безпеки та правилу заборон, тож скрипти й HTML запущені локально не мають доступу до файлової системи та ще дечого напряму для взаємодії із даними. Проте можуть зберігати дещо. В нашому випадку це зображення, щоб зробити з них анімацію, бо запис екрану це довго, бо налаштувати захоплення ділянки, а потім конвертувати чи ще щось, залежно від підходу, формату та технічних можливостей.
І якщо не брати до уваги професійного підходу із різного роду запуском внітрішнього сервера та впровадження додаткових бібліотек, є шлях простіший, це автоматизація процесу.
До нашого скетчу додається опція запису кадрів, які будуть збережені і завантажені на диск. Тільки не всі браузери дозволяють це зробити одним пакетом і захоче щоб по одному для кодного надавати підтверження, а це до сотні сприлваючих віконець. Вогняна лисичка (Mozila), для цьго добре підходить. Тож кадри просто завантажуються, а далі настає магія.
Бо в діло вступає скрипт очікування на написаний на мові програмування Pithon. Його робота очікувати у фоні, й перевіряти на надходження у папці розміщення, серії кадрів, а потім він їх автоматично збирає у gif, яку кладе в окрему теку. А похідний матеріал переміщає до кошика. Для цього потрібно у попа (pip) взяти потрібний інструмент send2trash.
Код покласти у новий файл і розмістит де треба, або вказати в ньому шлах до даних. Запускати відповідно через термінал, щоб із його закриттям служба йшла спати, бо буде моніторити до вимкнення системи.
Анімована картинка, показує синхронну роботу збереження через браузер кадрів і виконнання скрипта та відповіді у терміналі. Також видно, що витримавши трохи часу, для переміщення кадрів у кошик, нові зберегіються зі свіжими іменами, а не з додваваням цифр, що свідчить про зміну імен. Тож все працює файно.
В результаті процедура сворення підпису зводиться, до запуску скрипта, налаштування й додавання тексту чи чогось іншого, та збереження кадрів, а на виході вже потрібний файл, який виходить завдяки допомозі ffmpeg – потужний мультимедійни інструмент.
