Allow sharing of raw gameplay feed

[timotheeg]

With some activation mechanism, e.g. a view meta argument like for player cam sharing, the OCR page should share the raw gameplay capture feed as peer-to-peer video sharing, and metadata about the location of the NestrisUI therein.

The primary target for this are the Stencil Layout. Objectives: 1) Raw capture visible at all times 1a) Show the raw capture in miniature (but watchable) form, alongside NTC's crisp render of the game (this is a "verifier" mode) 1b) Show the raw capture in full, and correctly positioned, instead of NTC's render for non game screen (menu, level selector) 2) Enable password auth verification 3) Enable the ready system

Probable implementation - focus on stencil layouts

• When raw capture sharing is activated, make a call to the primary view to pass the video and pass the location of the NesTrisUI therein
• In the View, create a video node to display the video in full, non-cropped.
• To crop the video to the NestrisUI only, place the video node in a div node. The div will:
  • have width/height at the size of the NestrisUI in the raw capture
  • display the video therein with position:absolute + top-left offsets matching the top left corner of the NestrisUI in the raw capture
  • have margin+padding at 0
  • have overflow:clip set
  • In effect the div represents a mask layer to hide portions of the raw capture that are not the NestrisUI (many capture cards have black margins in the capture)
• Manipulate the div display as needed with css rules:
  • top/left as needed (either left side [0,0] like Stencil, or right side for the verifier "mode")
  • transform:scale(xxx) to manipulate the display size as needed

Bonus benefit: In effect this becomes an automatic Stencil matcher for the raw capture

[timotheeg]

Done in layout stencilplus_1080