VOD
OBS Quad
542 minKitchen
1,439 minBedroom
1,439 minOn YouTube
GitHub commits
ohnsh/dash7
- @dash/next: reasonably functional picture-in-picture view now implemented in CropOverlay component. The option to activate it appears when viewing the quad-tile 4K videos I record in OBS. When activated, a quadrant from the underlying video is cropped out and overlaid on top, covering most of the video but leaving room for the controls underneath. Clicking the overlay brings up picture-in-picture views of the other three quadrants. Clicking one of the PiP views swaps it into the main canvas. Clicking the main canvas switches off picture-in-picture, and clicking the button below the video player toggles the overlay as a whole.
2344b7f - @dash/next: quick fix to VODPlayer segments list; add `padding: 1px` to make room for outline around active segment.
eb417ef - @dash/next: VODPlayer has a new div.footer that consolidates under-video content. It is a grid container with three columns so that the crop button, when present, is always left-aligned, and the segment timestamps, when present, are always centered.
2fcfc5a - @dash/next: new CropOverlay component that renders a cropped quadrant of an underlying <video> in a <canvas>. Currently, it can be activated by a button that's only rendered underneath 4K videos. Clicking the canvas causes the other three quadrants in picture-in-picture views on the same canvas. This should be improved by using a different <canvas> for each view, and making them interactive so that they can be swapped with the main view on click/tap.
10890db - @dash/next: add aria-expanded and aria-controls attributes to InventoryList "See more" button.
cace80c - @dash/next: make sidebar archive menu expandable. By default, it displays the 8 most-recent days and a "See more" button.
796304b - next: simplified layout by not limiting <article> to viewport height. The main player is now contstrained by explicit rules on itself, whereas before it was constrained by the container and the flex-basis of the thumbstrip section beneath.
d074dca