EPIC: A web component for streaming monetized video

[juhaviitala]

• [ ] Create epic issues for web component

[jussiry]

Browser:

• [x] Using web monetization API from component to initiate the payment stream.
  • probably worth it to write a tiny WM utility lib, that all different components can use.
• [x] Building the web component and the styling / UI for it.
• [x] Pop up or other type of notification component that can show the state of WM when needed.
  • if there are errors or something the user needs to do (e.g. instructions to install Coil wallet).
• [x] Wrapping the web component in React / Vue, etc. components (this would be the last final step after plain web component works). Though good to test this also in the beginning to check how does this actually work and if it affects the way web components should be designed.

Backend:

• [x] serving static assets (e.g. component js/css files).

• [ ] creating web socket connection to the browser. Used to:

  • send payment address to client
  • send payment state (errors etc) to client
  • serve the video data stream

• [ ] connecting backend to interledger using moneyd

  • checks if the payment address is receiving payments.
  • if if is, continue sending video stream, if it isn't send "payment missing" error to browser.

• [x] Use recipe-service to verify payments

[jussiry]

Next steps i'm thinking:

• [x] video streaming that pauses unless payment receipts can be verified
• [x] stream bytes/money - use config.js to allow this to be modified
• [x] use dollars/euros in config and translate this to XRP ? Use https://xrpl.org/data-api.html or some other price oracle.

[juhaviitala]

I made this as a check list. Please tick once that are done :)