New Component: Calcite Video

Description

WIP! - This branch has been sitting stale for some time. We'd like to finish up the video component and integrate it into the library.

https://github.com/Esri/calcite-components/tree/macandcheese/wip-video

User Stories

The original user story came from videos used on the documentation site. We'd like to replace that custom code with a calcite-video player. Additionally, this component has a set of configurable properties that allow for a variety of normal video use cases.

The API follows https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Video_and_audio_APIs Anything not in alignment with that spec should get updated to match.

Helpful Details

This is a branch I started a year or so ago, so many of the conventions used in the .tsx file are probably out of date (ie, how we assign theme, scale, etc., is from that time period).

To Do

position and style subtitles
indication of buffered amount of video
switching of quality of video
switching of playback speed of video
Standardize nomenclature, fix some visual bugs, and update time stamp and fullscreen behavior.
Will need to clean up outdated theme, dir behavior
Other general code cleanup.
Add "control bar slots" (start / end?) for product specific functionality (from https://devtopia.esri.com/WebGIS/arcgis-js-api/issues/53255)

Esri / calcite-design-system