This is a web based multiview screen for HLS and MPEG-DASH streams based on hls.js and Shaka Player. Recommended to run in fullscreen mode.
Demo: http://labs.eyevinn.se/multiview/?config=example.json
Some limitations apply:
- No support for DRM protected content as this is often solutions specific to each site
- Only tested in Chrome and Safari
Get the code from Github or fork the repository if you plan to contribute to this project.
git clone https://github.com/Eyevinn/ott-multiview.git
Install the necessary node modules
npm install
Start the Node express app
npm start
When the Node express app is up and running you can direct your Chrome browser to:
http://localhost:3000/?config=example.json
where example.json is a configuration file placed in the directory config/ and can look like this:
{
"row0": [
{ "title": "View port title",
"manifest": "http://example.com/master.m3u8",
"type": "hls" }
],
"row1": [
{ "title": "View port title 2",
"manifest": "http://example.com/manifest.mpd",
"type": "dash" }
]
}
To toggle audio on or off click on the viewport that you want to listen to. A green border indicates for which viewport the audio is enabled. You can also use the keyboard keys 1-8.
- SPACE - toggle play / pause for all viewports
- 1-8 - activate audio for viewport 1 to 8
- F - toggle fullscreen mode
We are very happy if you want to contribute to this project. Just follow the "normal" procedures and:
- Fork this repository
- Create a topic branch in your fork
- Add feature or fix bug in the topic branch
- Issue a pull request explaining what has been done