@cassette/core
Version:
A simple, clean, and responsive visual wrapper for the HTML audio tag, built with React.
15 lines (13 loc) • 438 B
Markdown
```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>;
```