mgmaik/svg-dither-filter ? reverse-engineered prompt

Build me a single file web tool that lets me upload an image or a video and turn it into a cool dithered hero background made from SVG shapes.

I want to be able to drop in my own SVGs for the different brightness levels, pick colors for each one, and see the result live on a grid. Please include options for keeping the original aspect ratio or cropping to a square, changing the grid size, setting a background color, flipping the tone mapping, choosing between using one shape everywhere or different shapes per tone, adjusting shape size by brightness, and rotating the cells by 90 degrees with an optional random rotation per cell.

It should also let me export the result as a standalone HTML hero page with the video and settings baked in, plus a simple way to copy a config I can use in React later.

Keep it simple, no install needed, just open the HTML file in a browser and it works. If you need to check anything current, look up the docs online.