Een video-editor is geen speciaal geval, het is nog steeds een Phlo-app.

Het is gemakkelijk om aan te nemen dat een taal die is opgebouwd rond routes, views en een database prima is voor CRUD-apps en niet geschikt voor zwaardere toepassingen, zoals client-side mediawerk. Phlo Presentation bestaat deels om die aanname te testen: een audio-tijdlijneditor voor vertelde presentaties en korte video's, volledig gebouwd op hetzelfde platform als alles op deze site.

Wat het daadwerkelijk doet

Sleep en wijzig de grootte van afbeeldingen en clips op een podium, scrub een gedeelde tijdlijn en bekijk live. Een gedeelde set van overgangen (fade, zoom, wipe, kaarten) en "tijdens" animaties (Ken Burns, pan, pulse) drijven zowel de live CSS-preview als de canvascurves die voor export worden gebruikt, zodat wat je ziet tijdens het bewerken is wat daadwerkelijk wordt gerenderd. Whisper transcribeert en een model vertaalt, waardoor getimede ondertitelbestanden per taal worden geproduceerd. AI-dubbing groepeert zinnen en plaatst gegenereerde vertellingen op de tijdlijn zonder mid-zin te knippen. Een AI-regisseur kan een mediatheek en een eenregelige prompt nemen, de middelen van visie voorzien van bijschriften en een volledige tijdlijn, voice-over en ondertitels samenstellen vanuit een tempo-presets, klaar om daarna handmatig te verfijnen.

Nieuwe middelen, geen nieuwe templating-laag

De client-side functionaliteit komt van drie DOM-middelen: DOM/presentation (de audio-klokspeler zelf, een afhankelijkheidsvrije klasse die ook de canvasrenderer voor export aanstuurt), DOM/recorder (scherm-, camera- of canvascaptatie rechtstreeks naar een Blob) en DOM/ffmpeg (een ffmpeg-wasm toolkit voor codering in de browser, met een WebCodecs-pad eerst en een softwarefallback). Dit vereiste geen nieuwe templating-laag of een speciale "media-app" modus; het zijn middelen zoals elke andere, geladen op dezelfde manier als een CMS-veldtype wordt geladen, gebruikt vanuit dezelfde .phlo views en hetzelfde apply() protocol als een CRUD-scherm. De AI-kant (transcriptie, vertaling, dubbing, visie-bijschriften, de regisseur) draait op dezelfde AI/OpenAI bron die elders op deze site wordt gebruikt, plus ffmpeg/ffprobe geïnstalleerd op de server voor transcoding, miniaturen en audio-assemblage, en een OpenAI-sleutel. Niets exotisch, dezelfde onderdelen die andere berichten in deze serie al behandelen, gericht op een zwaarder probleem.

Export zonder mismatch

Omdat dezelfde overgangs- en animatiecode zowel de live DOM-preview als de deterministische canvasrenderer aanstuurt, komt een export (een standalone zip die offline afspeelt, of een client-side MP4 via WebCodecs met een ffmpeg-wasm fallback) altijd overeen met wat werd gepreviewd. Dat is hetzelfde principe waarop de rest van Phlo elders leunt: één bron van waarheid, twee keer gelezen, in plaats van twee implementaties die stilletjes uit elkaar kunnen drijven.

Het doel van het bouwen ervan

Een CMS-demo bewijst dat Phlo CRUD goed kan doen; een schermrecorder, een video-encoder en een AI-gestuurde editor bewijzen dat het platform niet stiekem beperkt is tot dat. Het is dezelfde taal, hetzelfde middelen-systeem, hetzelfde apply() protocol, toegepast op een oprecht ander soort app.