Skip to content

Wednesday, August 19

Git Commits

dash commits 7 ohnsh/dash
  • 11:54 pm — John Sherrell <dev@ohn.sh>

    @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.

  • 9:35 pm — John Sherrell <dev@ohn.sh>

    @dash/next: quick fix to VODPlayer segments list; add `padding: 1px` to make room for outline around active segment.

  • 9:21 pm — John Sherrell <dev@ohn.sh>

    @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.

  • 7:50 pm — John Sherrell <dev@ohn.sh>

    @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.

  • 5:03 pm — John Sherrell <dev@ohn.sh>

    @dash/next: add aria-expanded and aria-controls attributes to InventoryList "See more" button.

  • 4:24 pm — John Sherrell <dev@ohn.sh>

    @dash/next: make sidebar archive menu expandable. By default, it displays the 8 most-recent days and a "See more" button.

  • 12:25 am — John Sherrell <dev@ohn.sh>

    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.

days commits 1 ohnsh/days
  • 3:48 pm — John Sherrell <dev@ohn.sh>

    Finished 8/18 post about Silero VAD.

YouTube