multi-video-player

Stars
12

Multi Video Player

Play multiple videos in a single player

https://multi-video-player.surge.sh/

Usage

Open the player and just drop some files in it.

Features

  • Unlimited videos (limit is your browser/computer)

  • Play/pause, seek, control volume, playback rate for individual or all videos

  • Multiple styles - mason (efficient stacking), flat (equally spaced), funnel (decreasing video sizes)

  • Zoom in (fewer, larger videos), zoom out (more, smaller videos)

  • Multiple play modes - play-single, play-all-muted, play-all, control-all(experimental)

  • Intuitive arrow keys & WSAD keys keyboard shortcuts

Keyboard shortcuts

All keybindings work on the current video that's under the mouse pointer, unless mentioned otherwise.

Key What it does
Nothing (default behavior: scroll up)
Nothing (default behavior: scroll down)
Alt /W Volume Up
Alt /S Volume Down
Shift Alt /W Full Volume
Shift Alt /S Mute
Ctrl Increase playback rate by 0.25, or reset if < 1
Ctrl Decrease playback rate by 0.25, or reset if > 1
/D Skip forward 1% (of total duration)
/A Go back 1% (of total duration)
Shift /D Skip forward 10%
Shift /A Go back 10%
Ctrl /D Skip forward 0.1%
Ctrl /A Go back 0.1%
Ctrl Shift /D Stop (goto beginning and pause)
Ctrl Shift /D Restart (goto beginning and resume)
Spacebar Nothing (default behavior: scroll down)
Spacebar (when zoom=1) Play/pause current (full-width) video
Ctrl Spacebar Play/pause video (under the cursor)
Shift Ctrl Spacebar Play/pause all videos
+ Zoom in (fewer, larger videos)
- Zoom out (more, smaller videos)
Shift + Max zoom level (single full-width video)
Shift - Reset to previous zoom level (from max zoom), or lowest
* Toggle style - mason (efficient stacking), flat (equally spaced), funnel (decreasing video sizes)
P Toggle play mode - play-single, play-all-muted, play-all, control-all(experimental)
Tab (when zoom=1) Focus next video
Shift Tab (when zoom=1) Focus previous video

Limitations

  • Tested only on latest chrome, some issues in FF/Edge, untested in other browsers (safari, all mobile)

  • Can only play videos supported by the web browser (mp4/ogg, flv/avi). This also makes it depend on the browser to use CPU/GPU for rendering videos. Firefox (at the time of testing) was extremely slow with 10+ videos.

  • Depends on Web browser and its File API, can't read/write to disk directly (for example creating playlists, reading entire directories)