This is an in-browser video player that can play 180° cylindrical videos such as those created by ActionStitch.
To use this player, upload the file play.html to a cloud storage service so that it can be public accessible in the browser. Then append the url to the video file that you want to open in this form:
https://actionstitch.com/play.html?src=https://video_url
You can also store play.html locally to open on-disk video files:
file:///Users/username/Downloads/play.html?src=file:///path/to/video
You may need to give the browser the access to local files first. For example, on macos you should run this command to start Chrome:
open /Applications/Google\ Chrome.app/ --args --allow-file-access-from-files
It is recommended to open this player in the latest version of Chrome on a desktop computer. Other browsers may work too, but not all functionalities are compatible.
- Mouse
- Left click: play/pause
- Right click: fast forward 5 seconds
- Scroll: zoom in/out
- Move with left button pressed: pan/tilt
- Keyboard
- Left arrow: rewind 5 seconds
- Right arrow: fast forward 5 seconds
- Up arrow: step backward
- Down arrow: step forward
- Space: pause/resume
- Enter: adjust zoom to match native resolution (flat view only)
You can enable the perspective mode by clicking the 
button on the bottom control bar.
This mode provides a more realistitc view as if you're watching the field through a pan/tilt/zoom camera.
You can also adjust a few viewpoint parameters using the sliding controls on the top right corner.
Our player has a built-in recorder that can be used to crop video to create highlights. This feature is similar to the Kern Burns effect in iMovie, but more powerful mostly because you can add more than 2 cropping boxes.
To enter the recording mode, click the 
button to show the recorder bar: 
: set the resolution of the final clip.
: create a new cropping box on the current frame. You can enlarge the box by pressing and moving the right bottom corner of the box.
: delete the currently selects cropping box.
: preview the cropped clip, starting from the first cropping box to the last one
: save the cropped clip
: stop the previewing or recording.
