Video RotatorRotate videos by 90, 180, or 270 degrees in your browser.

The Video Rotator uses Canvas 2D transformations to rotate video frames. When rotating by 90° or 270°, the canvas dimensions are swapped (width becomes height, height becomes width). The rendering context's transform is set using ctx.translate() to move the origin and ctx.rotate() to apply the rotation in radians. Each frame from the video is drawn onto the transformed canvas, producing the rotated output. The canvas stream (with swapped dimensions for 90°/270° rotations) is combined with the audio stream and fed to MediaRecorder. The tool handles the dimensional changes properly to ensure no stretching or cropping occurs during rotation.