• React 16
• Electron
• React Router
• Styled Components
• Bootstrap
• Webpack

Develop an interoperable PWA for media playback, which includes a catalogue and media player (e.g. dash.js or shaka-player)

• Download functionality for DASH (MPD + segments)
  • Progress information
  • Representation selection (SD, HD, Audio, TextTracks)
• Storage management (e.g. listing, removal)
  • (Indexed DB)
  • (Quota Managment API to query free space)
  • Filesysten using NodeJS
• Playback of stored content (offline)
• Integration into existing HTML5 player (shaka, dash.js)
• UI adjustments (e.g. offline app, download page, download button etc.)
  • Cache offline app resources (portal + player

To install all the dependencies run.

npm install or yarn

To launch the application as a React Web Application run

yarn start or npm start

To launch the electron application run

yarn electron-dev or npm run electron-dev.

For a production build for the web application run yarn build or npm run build.

• https://github.com/electron/electron-api-demos
• https://electronjs.org/docs/tutorial/online-offline-events
• https://electronjs.org/docs/tutorial/using-widevine-cdm-plugin

• https://developers.google.com/web/fundamentals/instant-and-offline/web-storage/offline-for-pwa

• https://github.com/GoogleChromeLabs/sample-media-pwa

• http:https://v1-6-2.shaka-player-demo.appspot.com/docs/tutorial-offline.html
• http:https://reference.dashif.org/dash.js/
• https://github.com/google/shaka-player/blob/master/docs/design/offline.md
• https://shaka-player-demo.appspot.com/docs/api/tutorial-basic-usage.html