I made a live glitch website with stackable effects and shareable preset links
Hello glitchlings!
I coded a website that lets you glitch your camera feed, randomly cycles through different shader stacks automatically, is seed-based, you can record WEBM/MP4 videos, GIFs or save a PNG.
You can Lock the Chain when you find an effect you like, randomise its parameters, save as local preset AND - generate a URL that encodes the effect's settings that you can share with anyone <3
It works in desktop browsers and on phones too.
Check it out here: https://michal-jenco.github.io/glitch-video-generator/
______
Update 8th May
- removed WEBM export and made MP4 download instant, no more long encoding times
- WEBM enables itself as a fallback incase your browser doesnt support video/mp4 MediaEncoder
- setting Chaos Rate to a low value now switches between shaders much slower to enable less chaotic visuals
- added tentative fix for hardware encoding of MP4 on Firefox - likely to work on android, unlikely on desktop (Firefox fault)
- front cam mirrored by default, back cam not mirrored, added a button to mirror incase somebody wants that
- orientation detection - UI and video/gif/png output should now conform to what orientation the device is in (portrait vs. landscape mode) .. mostly applicable on smartphones
- Massive update: you can now load in a video file using the Upload input source at the top of the menu (loads paused by default), enable audio, set your glitch settings, hit Play (and possibly Record if you wanna download the session as an .mp4 at the end) - and the website will live gitch the video in an infinite loop!, with the original sound!
Update 9th May
Fixed
- Fixed front camera zoom on mobile - Removed forced 16:9 webcam constraints so the browser uses the camera's native sensor resolution; switched first render pass from cover to contain fit
Added
- Fit mode select -
fit/fill/stretch/tilein the SOURCE panel - Tile controls -
colsandrowsselects (1–10, default 4×4), shown only when tile mode is active - Auto top-alignment - On portrait screens, the camera feed aligns to the top so the menu panel doesn't overlap it
- Video playback - Expanded the uploaded-video control panel from a minimal play/pause + mute toggle into a full two-row transport bar with volume control, scrubbing and back-to-start button
Changed
- Locked aspect + fit - When an aspect ratio is locked (16:9, 4:3, etc.), fit mode uses cover to crop the source to match the locked AR instead of letterboxing
- Presets/Share - Fit mode and tile settings are saved and restored in presets and share links
Update 10th May
Analogue group (19 effects) — Simulates actual analog hardware failures: NTSC composite artifacts (dot crawl, rainbow banding) · VHS head switching band · tracking error with rolling distortion · edge enhancement halos · CRT phosphor afterglow · magnetic degaussing ripple · beam convergence error · vertical hold sync failure · RF snow with NTSC sync banding · glass scatter glow · visible phosphor mask patterns · dynamic geometry warping · brightness-dependent scanline beam width · frame wobble · hardware posterization · chroma dropout · animated chromatic aberration breathing · isolated cathode bloom · NTSC subcarrier phase drift
Circuit Bend group (9 effects) — The violent stuff, inspired by circuit-bent video enhancers: dissolve into scrolling noise bands · psychedelic colorbars modulated by image brightness · per-strip RGB channel swapping · crushblow (extreme contrast + neon saturation) · slice shift with hue rotation · noisewipe rolling dissolve · chromasmear plus (failing TBC) · per-scanline hue spread random walk · frame rip with jagged corruption boundaries
Quality of life:
- 3 toggleable effect groups (Original / Analogue / Circuit Bend) — disable a group and it vanishes from UI and the chaos engine
- Every effect has 2-5 named per-effect controls — set one and it locks; leave it default and it stays chaotic
- ~250 tooltips (hover/tap for detailed descriptions of every effect and every parameter)
- Groups + named overrides saved in share links (v3 encoding, backwards compatible with old links)
- Fixed the full white-out problem — every bent shader now uses clamped output
- 9 existing analogue effects got amplified defaults (were too subtle before)