UNPKG

@cassette/core

Version:

A simple, clean, and responsive visual wrapper for the HTML audio tag, built with React.

15 lines (13 loc) 438 B
```jsx import { PlayerContextConsumer } from '@cassette/core'; <PlayerContextConsumer filterList={['currentTime', 'paused', 'onTogglePause']}> {({ currentTime, paused, onTogglePause }) => ( <React.Fragment> <div> The track is {paused ? 'paused' : 'playing'}. The time is {currentTime}. </div> <button onClick={onTogglePause}>Toggle pause!</button> </React.Fragment> )} </PlayerContextConsumer>; ```