@cassette/core
@cassette/core
provides React Context-based components which expose an API for consuming and updating media player state. The API abstraction maps very closely to the set of actions that would be available to an end user of a conventional media player, while remaining flexible enough to accommodate varying media player design paradigms.
Installation
npm install @cassette/core
Components included:
-
FullscreenContextConsumer
- used to read and update the state of the surroundingfullscreenContext
-
FullscreenContextProvider
- wraps an area which should be fullscreen-able -
PlayerContextConsumer
- used to read and update the state of the surroundingplayerContext
-
PlayerContextGroup
- a wrapper which can be used to share configuration among multiple descendantPlayerContextProvider
instances as well as prevent multiple media elements from playing audio simultaneously -
PlayerContextProvider
- wraps an area which shares a commonplayerContext
Higher-order components included:
-
playerContextFilter
- consumes the surroundingfullscreenContext
andplayerContext
and passes only a specified subset of the context, as well as any additional props, to the given child component