Multiplayer - a multi-stream HTML5 video player

This player plays multiple streams in parallel with a single set of controls. It has been tested with up to 4 streams but should in principle be able to handle an arbitrary number for streams.

The player uses a simple json format to bundle several streams along with some metadata. The format is exemplified in package.json. Such a bundle is usually referred to as a "presentation".

There is also support for playlists, which are also specified in json format. That format is exemplified in list.json

Online playback

When playing back presentations online, index.html should be called with the following GET parameters:

  • presentation: The ID of a presentation package available on the same web server under /presentation/<ID>

    Allowed aliases for this parameter: play, show, p and s

  • playlist (optional): The ID of a playlist package available on the same web server under /playlist/<ID>

    Allowed aliases for this parameter are list and l

Offline playback

When playing pack a presentation offline (using files stored on the local machine), local.html should be used instead. The inline script that declares the global javascript variable localPresentation should be modified to point to the appropriate files.

Offline playback doesn't support playlists.

The intended use for offline playback is to enable a download feature in a video portal. The files that need to be bundled along with the media files in order to get a working player are:

  • local.html - the file to be opened by the user for playback.

    Should be modified to contain the presentation package being downloaded.

  • player.js - the actual player.

  • style.css - styling information.

  • range-style.css - styling information.

  • favicon.ico - Favicon. May be omitted.

Other parameters

There are a few GET parameters that are respected but don't neatly fit into the above:

  • debug: Disables automatic prefixing of presentation and playlist paths. Useful when testing and the /presentation or /playlist context paths are unavailable.

  • more: Displays a small down arrow in the middle of the video control bar. Only exists so that it will be more obvious that there is more content to see below the presentation when playing in the play platform.

Description
Multi-stream video player
Readme 527 KiB
Languages
JavaScript 41.5%
HTML 37.3%
CSS 19.9%
Python 1.3%