Introducció
Un editor de vídeo al navegador abans volia dir una joguina: una pista, uns quants filtres, una marca d'aigua. L'Estació de treball de vídeo es basa en la mateixa base d'estudi que l'Estació de treball d'àudio de ToolBuddy, amb una línia de temps real, un tauler de control que edita el clip seleccionat i un motor d'exportació que renderitza al teu dispositiu amb els codificadors de maquinari del mateix navegador.
Aquest resum enumera què fa avui l'estació de treball i explica la decisió de disseny que hi ha al darrere: processar al teu dispositiu en lloc d'un servidor, de manera que no cal pujar res, no hi ha cua ni nivell de pla.
Si vols la versió pas a pas, llegeix la guia per editar vídeo en línia; aquesta pàgina és el catàleg de funcions.
Línia de temps i edició
Pistes de vídeo, text i àudio amb miniatures i formes d'ona; afegeix pistes des de la línia de temps. Eines: Selecciona, Fulla, divideix, suprimeix, supressió amb desplaçament, duplica, desfés, refés, ajust magnètic i pantalla completa, amb zoom des del menú Visualització i el teclat.
Edicions: divideix, retalla, supressió amb desplaçament, roll, slip, mou entre pistes, marcadors, copia i enganxa, desplaça, interval I/O i una cerca d'accions ⌘K que també salta a un moment. Els clips tenen velocitat (de 0.1× a 4×), fotogrames congelats, àudio separat, retall i inversió.
- Importa molts fitxers alhora, en ordre a la pista principal o cadascun a la seva pista.
- Fitxers lliurats des de les altres eines de vídeo o oberts des del sistema (aplicació instal·lada).
- Un projecte desat en aquest dispositiu amb Reprendre i Descartar; els fitxers que falten es mostren per tornar-los a enllaçar abans d'una exportació.
Moviment, estils i text
Fotogrames clau de posició, mida, rotació, opacitat i volum amb suavitzat, claus automàtiques, rombes a la línia de temps i arrossegaments a la vista prèvia que escriuen claus. Nou moviments predefinits (apropa, allunya, panoràmica amb zoom, panoràmiques, aparició, fosa d'entrada i de sortida) creen claus normals que després pots ajustar.
Color: brillantor, contrast, saturació, calidesa, tint, to, negres esvaïts, vinyeta, gra i desenfocament; 20 filtres; 18 predefinits d'etalonatge amb control d'intensitat i tonalitat dividida; un fons desenfocat. Text: 19 tipus de lletra, mida, color o degradat, majúscules, subratllat, espaiat de lletres, interlineat, contorn, ombra, caixa, 13 animacions i 14 estils predefinits.
- 27 transicions: fosa encadenada, fosos, flaix, desenfocament, lliscaments, empentes, cortines, rellotge, divisions, persianes, cercles, rombe, zooms i gir, per tall o a tots els talls.
- Fosos en tots els tipus de clip; fons desenfocat per a vídeo vertical en un enquadrament horitzontal.
- Enquadraments predefinits del projecte per a YouTube, Shorts, Reels i publicacions quadrades.
Subtítols al teu dispositiu
Els subtítols automàtics fan servir un model de veu que funciona al navegador (anglès, temps per paraula, finestres de cinc minuts), de manera que l'àudio d'una gravació de dues hores mai no surt de la màquina. Importa SRT o VTT, edita les rèpliques en una llista amb cerca i substitució i desplaçament, i tria un dels vuit estils amb ressaltat de paraules, aparició o karaoke.
En exportar, els subtítols es dibuixen a la imatge o queden fora i es baixen com a SRT, VTT o TXT.
Motor d'exportació
L'exportació renderitza cada fotograma al teu dispositiu i codifica amb WebCodecs: MP4 (H.264, HEVC, AV1) o WebM (VP9, AV1), fins a 4K als ordinadors i 1080p als telèfons, per qualitat o per mida de fitxer objectiu. Els predefinits cobreixen màxima qualitat, web 1080p i fitxers de menys de 25 MB o de menys de 10 MB.
Abans que comenci una exportació, l'estació de treball comprova al navegador la mida i la taxa de bits exactes; quan el còdec triat no les pot codificar, passa a un altre còdec o a WebM i ho indica al resultat. El progrés mostra el temps restant i la pàgina avisa abans que la tanquis a mitja exportació. El fitxer acabat es baixa o es lliura a les eines de compressió, conversió, marca d'aigua o GIF.
- Un fitxer que no es pot llegir quan comença l'exportació s'indica de seguida, amb un botó Tria un fitxer per tornar-lo a enllaçar, en lloc de fallar uns minuts més tard.
- Exporta només l'interval d'entrada a sortida quan necessitis un fragment.
- Exporta un fotograma com a PNG a l'Estació de treball d'imatges, o contingut d'àudio a l'Estació de treball d'àudio.
Per què processar al dispositiu
Pujar material costa temps dues vegades (pujada i baixada), deixa els fitxers al servidor d'un tercer i acaba amb una marca d'aigua o un mur de pagament. Renderitzar al teu dispositiu elimina del tot la pujada, manté el material privat i fa servir el codificador de maquinari que el teu portàtil o telèfon ja té.
El compromís és honest: els límits són la memòria de la màquina i els còdecs del navegador. L'estació de treball hi treballa a dins (còpies reduïdes per a la vista prèvia en 4K, 1080p als telèfons, còdecs alternatius) en lloc de fer veure que no existeixen.
Escrit per
Ankit Kumar
Enginyer de programari sènior i fundador de ToolBuddy
Enginyeria d'utilitats primeres per al navegador amb zero requisits de càrrega mitjançant tecnologies WebAssembly, Web Audio i Canvas.
