← Visi darbai
TikMaker
- Kas tai
- Vaizdo įrašų redaktorius ir dizaino sistema trumpiems vertikaliems (9:16) TikTok, Reels ir Shorts įrašams. Video nebereikia montuoti rankomis: jis surenkamas iš paruoštų scenų, vizualų ir animacijų, todėl kiekvienas įrašas atrodo vientisai, o pagaminamas greičiau.
- Būsena
- Darbo įrankis, kurį naudoju savo turiniui.
Laiko juosta kaip montavimo programoje
Profesionalios montavimo programos patirtis, pritaikyta šiai sistemai: kiekvieną elementą galima tiksliai sudėlioti laike be papildomų programų.
- Klipai tempiami laike ir tarp eilučių, prisitraukia prie scenos kraštų, žymeklio ir kitų klipų.
- Keyframe'ai poziciją ir mastelį keičia laike, juos galima tempti.
- Kopijuoti, įklijuoti, dubliuoti (Ctrl+C / V / D), pakeisti elemento failą išlaikant animacijas.
- Garso bangų formos laiko juostoje.
- Bet kurį veiksmą galima atšaukti ir pakartoti.
Dizaino sistema, kuri neleidžia suklysti
Video ne piešiamas nuo nulio, o surenkamas iš patikrintų dalių. Tekstas neišlenda už kadro, scenos nenukerpamos per anksti, o stilius visada vienodas.
- 7 scenų tipai, 25 vizualų tipai (terminalas, kodo pakeitimai, naršyklės ir telefono maketai, diagramos, statistika) ir 7 fonai.
- Scenos trukmė apskaičiuojama automatiškai iš balso teksto ir ekrane rodomo teksto skaitymo laiko.
- Išdėstymo šablonai vizualą pritaiko saugiai zonai, kurios neuždengia TikTok sąsaja.
- Elementas gali sklandžiai „keliauti“ iš scenos į sceną.
- Redaktorius įspėja apie per trumpą sceną, perpildytą kadrą ar per ilgas kodo eilutes.
Iš teksto į balsą, subtitrus ir MP4
Iš parašyto teksto sistema pati sukuria įgarsinimą ir TikTok stiliaus subtitrus, o galutinį video atvaizduoja vienu mygtuku.
- Įgarsinimas generuojamas su ElevenLabs, balso nustatymai išsaugomi.
- Subtitrai kuriami iš kiekvieno žodžio laiko: 2–3 žodžių grupės, tariamas žodis paryškintas.
- Perkėlus ar apkarpius garso klipą, subtitrai pasislenka kartu.
- MP4 atvaizduojamas fone, matosi eigos procentai.
Techninė dalis
- Rolė
- Viena kūriau visą įrankį: redaktorių, video variklį, serverį ir testus.
- Sprendimai
- Video kaip duomenys: visas projektas yra JSON, tikrinamas Zod schemomis. Tos pačios schemos naudojamos redaktoriuje, serverio API ir importuojant, o seni projektų failai automatiškai atnaujinami, ne atmetami. AI agentas gali sugeneruoti projekto scenarijų, ir jis patikrinamas iš karto.
- Tipų saugus API: tRPC tarp serverio ir kliento, todėl pakeitus API klaida matoma kompiliuojant. Serverio duomenys – TanStack Query, redaguojama būsena – Zustand su atšaukimo istorija. Automatinis išsaugojimas tik tada, kai projektas pasikeitė.
- Išdėstymas, kurio negalima perpildyti: kiekvienas vizualas žino savo natūralų dydį, o šablonai pritaiko mastelį saugiai zonai.
- Viena animacijų sistema: įėjimai, išėjimai, keyframe'ai ir perėjimai turi po vieną įgyvendinimą, o scenų laikas skaičiuojamas vienoje vietoje.
- Automatika: įmesti failai iškart atsiranda redaktoriuje, įkelti ekrano įrašai perkoduojami tiksliam slinkimui per kadrus, API padengtas testais.
- Mastas
- 113 komponentų · 7 scenų ir 25 vizualų tipai · 44 vizualų šablonai · 109 testai · 27 API procedūros
- Stackas
- React, TypeScript, Vite, Mantine, Tailwind CSS, Zustand, TanStack Query · Remotion · Node.js, Express, tRPC, Zod · Vitest, supertest · ffmpeg · ElevenLabs