Soccer-cam: Interactive Camera for YouTube

Pan and zoom YouTube videos with an interactive camera, or follow a camera path from director.json. Powered by WebGPU.

An interactive camera for wide-angle soccer videos on YouTube. MANUAL CAMERA CONTROLS - Click the extension icon to enable the camera. Drag to pan and scroll to zoom. - Choose Plane, Cylinder, or Sphere views. - Press F to enter focus mode to hide cursor and look around by moving the mouse. Press Esc or F to exit focus mode. FOLLOW A CAMERA PATH - Import a director.json to follow saved camera movements. - If the video description includes “soccercam-director: https://…”, the camera path loads automatically after the player is ready. - Format documentation and example files: https://github.com/shrekshao/soccercam-director TRY THE EXAMPLES Auto example: Open a video below, click the extension icon, enjoy the directed camera following events on field automatically. - 7v7 field: https://youtu.be/saqDgDwmB5w * director.json: https://raw.githubusercontent.com/shrekshao/soccercam-director/refs/heads/main/examples/7v7/director.json Manul example: Open a video below, click the extension icon, then use “Load files…” to import both JSON files from its example folder in the GitHub repository. - 11v11 field: https://www.youtube.com/watch?v=-0_K-9SM1qw * director.json: https://raw.githubusercontent.com/shrekshao/soccercam-director/refs/heads/main/examples/11v11/director.json UPDATE LOG 0.1.3 - Schema update: Merge calibration.json into director.json. - Auto load director.json url from youtube description if exisits. 0.1.2 - Added support for optional schema fields: directing_intervals, clips. 0.1.1 - Added Focus mode: press F for mouse-look with a hidden cursor; press Esc or F to exit. - Improved performance and reduced unnecessary rendering.