0.0.0 • Published 5 months ago

multi-video-player v0.0.0

Weekly downloads
-
License
ISC
Repository
github
Last release
5 months ago

Multi Video Player

Play multiple videos in a single player

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

screenshot

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.

KeyWhat it does
Nothing (default behavior: scroll up)
Nothing (default behavior: scroll down)
Alt /WVolume Up
Alt /SVolume Down
Shift Alt /WFull Volume
Shift Alt /SMute
Ctrl Increase playback rate by 0.25, or reset if < 1
Ctrl Decrease playback rate by 0.25, or reset if > 1
/DSkip forward 1% (of total duration)
/AGo back 1% (of total duration)
Shift /DSkip forward 10%
Shift /AGo back 10%
Ctrl /DSkip forward 0.1%
Ctrl /AGo back 0.1%
Ctrl Shift /DStop (goto beginning and pause)
Ctrl Shift /DRestart (goto beginning and resume)
SpacebarNothing (default behavior: scroll down)
Spacebar(when zoom=1) Play/pause current (full-width) video
Ctrl SpacebarPlay/pause video (under the cursor)
Shift Ctrl SpacebarPlay/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)
PToggle 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)