COG Video
Date: April 27, 2025
Technology: ffmpeg-wasm, COG, titiler, Mapbox GL JS
Fun Fact: I use the following ffmpeg command for compressing screencap videos for posting on social media:
Technology: ffmpeg-wasm, COG, titiler, Mapbox GL JS
Fun Fact: I use the following ffmpeg command for compressing screencap videos for posting on social media:
ffmpeg -i "$1" -vcodec libx264 -crf 28 -preset medium -acodec aac -b:a 128k "$2"
Create time lapse videos, in browser, at dynamic resolution, all from the same files. The example app sends a set of hardcoded URLs (cloud-optimized geotiffs on AWS S3) to a titiler instance that returns pngs, which are combined into a video by ffmpeg-wasm, and played in a video layer on Mapbox GL JS. Click somewhere to generate a video.