De code van deze pagina is niet gestart.

Open je index.html rechtstreeks uit een map, dan worden JavaScript-modules geblokkeerd en gebeurt er niets zodra je afbeeldingen kiest. Serveer de map in plaats daarvan over http:

powershell -ExecutionPolicy Bypass -File serve.ps1

Open daarna http://localhost:8080/.

Afbeeldingen naar video — een mp4-diavoorstelling maken

Maak van een map vol afbeeldingen een video.

Taal: Nederlands
Broncode bekijken
Je afbeeldingen worden nooit geüpload. Er is geen server.

Je eigen browser codeert elk frame, en de video wordt op dit apparaat in het geheugen opgebouwd. Bij de encoder komt het netwerk nooit te pas, en al deed hij dat wel, dan stond aan de andere kant van deze pagina nog steeds geen server om een afbeelding naartoe te sturen.

Live controle: bezig met controleren…

Offline: bezig met controleren…

Geloof ons vooral niet op ons woord. Open DevTools, hou het tabblad “Netwerk” in de gaten en maak een video. Geen enkel verzoek draagt een afbeelding, een miniatuur of een bestandsnaam. Of trek de stekker uit je internet en maak er alsnog een.

1 Kies afbeeldingen

Toevoegen vanaf een webadres

Dit is de enige functie die het netwerk aanspreekt. Haal je een adres op, dan weet die server je IP-adres en welke afbeelding je hebt opgevraagd. Zodra de afbeelding binnen is, gaat hij naar het lokale geheugen en wordt hij nooit opnieuw opgevraagd. Er gaat nooit iets van jou naar buiten, want deze pagina kan nog steeds helemaal niets uploaden.

De server moet cross-origin gebruik toestaan van de afbeelding die je opvraagt. Veel sites doen dat niet, en die mislukken met een melding in plaats van later stilletjes kapot te gaan.

2 Video-instellingen

Voeg afbeeldingen toe om een voorvertoning te zien

Afbeeldingen
—
Duur
—
Uitvoerformaat
—
Frames in totaal
—

3 Maak de video

Als Markdown bekijken

Zo maak je van afbeeldingen een video

  1. Kies je afbeeldingen. Sleep een map het vak in, of kies de bestanden met de hand. De browser leest ze rechtstreeks van je schijf, en er gaat ondertussen niets ergens heen.
  2. Zet ze op volgorde en bepaal hoe lang elke afbeelding blijft staan. Sleep om te herordenen. De vasthoudtijd kun je in frames of in seconden opgeven, voor alle afbeeldingen tegelijk of per afbeelding apart.
  3. Kies een resolutie en beeldsnelheid. Met “Volg de hoogste resolutie” wordt je grootste afbeelding aangehouden. De voorkeuzes dekken 4K, 1080p, 720p, vierkant en staand, en past geen daarvan, dan stel je het formaat zelf in.
  4. Maak de video en download hem. Het coderen gebeurt op je eigen hardware, dus hoe lang het duurt hangt van je apparaat af en niet van een wachtrij. De gereedgekomen mp4 gaat rechtstreeks naar de downloads van je browser.

De uitgebreide versie

Hoe je van een map vol afbeeldingen een video maakt Maak een mp4-diavoorstelling van foto's: wat beeldsnelheid en duur werkelijk regelen, wat je doet met plaatjes van de verkeerde vorm, en waarom er geen geluidsspoor in zit.

Vragen

Worden mijn afbeeldingen ergens heen geüpload?

Nee. Je eigen browser leest, stelt samen en codeert je afbeeldingen, op je eigen hardware. Deze tool heeft geen serverkant, en in de Content-Security-Policy van de pagina staat elk adres dat hij mag benaderen, waarvan er geen enkele bij deze site hoort. De enige uitzondering is de optionele functie “toevoegen vanaf een webadres”, die een afbeelding ophaalt die jij er zelf in plakt. Die server ziet dan je IP-adres.

Welke afbeeldingsformaten kan ik gebruiken?

Elk formaat voor stilstaand beeld dat je browser kan decoderen, in de praktijk dus jpg, png, WebP, gif, AVIF en op Apple-apparaten ook HEIC. Er valt hier geen aparte lijst bij te houden, omdat het decoderen het werk van de browser is en niet van ons.

Welk videoformaat levert het op?

Mp4 met H.264-video, en dat speelt vrijwel overal af. In een browser zonder WebCodecs valt de tool terug op het opnemen van WebM, oftewel hetzelfde beeld in een container die minder editors accepteren.

Kan ik dit gebruiken voor een renderreeks uit Blender of After Effects?

Ja, een genummerde renderreeks is precies waar dit voor bedoeld is. Voeg de frames toe die je renderer schreef, laat de vasthoudtijd op één frame per stuk staan en zet de beeldsnelheid gelijk aan die van de render. “Sorteer op naam” telt zoals je zou verwachten, dus frame_2 landt vóór frame_10 in plaats van erna.

Eén ding weet je liever voordat je begint. H.264 heeft geen alfakanaal, dus transparantie wordt op de achtergrondkleur platgeslagen in plaats van doorgegeven. Moet het alfa blijven, stel de frames dan in je editor samen.

Kan ik een timelapse van foto's maken?

Ja, en dat is dezelfde klus als een renderreeks. Hou elke foto één frame vast en kies een beeldsnelheid. Op 30 fps wordt elke dertig foto's één seconde video, en op 12 fps lopen diezelfde foto's tweeënhalve seconde.

Met “Sorteer op datum” zet je een camerarol terug in de volgorde waarin hij geschoten is, en dat telt zodra de bestandsnamen weer bij 0001 begonnen zijn. Foto's van verschillende formaten leveren geen probleem op, want “Volg de hoogste resolutie” kiest de videogrootte zo dat er geen enkele verkleind hoeft te worden.

Zit er een limiet op het aantal afbeeldingen of de lengte van de video?

In de tool zit geen limiet ingebouwd. Het praktische plafond is het geheugen van je eigen apparaat, omdat de gereedgekomen video daar wordt opgebouwd voordat je hem downloadt. Bij heel grote 4K-diavoorstellingen merk je dat het eerst.

Is het gratis, en heb ik een account nodig?

Het is gratis, en er komt geen account, geen inlog en geen proefperiode aan te pas. De site draait op advertenties, en die betalen hem. Die advertenties krijgen niets over je afbeeldingen mee.

Werkt het offline?

Ja. Laad de pagina één keer, verbreek daarna je internetverbinding en hij werkt gewoon door. Dat is meteen de eenvoudigste manier om te bewijzen dat er niets geüpload wordt, want een tool die je afbeeldingen wegstuurde om ze te laten verwerken zou ermee ophouden zodra je de stekker eruit trok.

Kan ik muziek of een soundtrack toevoegen?

Nog niet. Deze tool levert alleen beeld, want de mp4 die hij schrijft heeft één videospoor en geen audiospoor. Heb je toch een soundtrack nodig, zet die er dan achteraf in een video-editor bij.