2.0.0-beta.4 • Published 5 years ago
@cassette/player v2.0.0-beta.4
@cassette/player
@cassette/player
provides a responsive, zero-config-needed React media player component, implemented with @cassette/core
. Its control components can also be consumed directly.
Installation
npm install @cassette/player
Player components included:
MediaPlayer
- A media player component which plays a provided playlist of mediaMediaPlayerControls
- The UI component ofMediaPlayer
, which requires an ancestorPlayerContextProvider
(and optional ancestorFullscreenContextProvider
) in order to work
Control components included:
BackSkipButton
- a button which, when clicked, either skips to the previous track in the playlist or to the beginning of the current playing track, depending upon the currently elapsed timeForwardSkipButton
- a button which, when clicked, skips to the next track in the playlistFullscreenButton
- a button which, when clicked, tells the surroundingFullscreenContextProvider
(if present) to toggle fullscreen modeMediaProgress
- an interactive media progress bar which can be adjusted by dragging, along with a text overlay of the current track metadata and the elapsed timeMediaProgressDisplay
- a non-interactive version ofMediaProgress
MuteButton
- a button which, when clicked, toggles whether the media's audio is mutedPlayPauseButton
- a button which, when clicked, toggles whether the media is pausedRepeatButton
- a button which, when clicked, cycles to the nextrepeatStrategy
(none
,playlist
ortrack
)ShuffleButton
- a button which, when clicked, toggles whether the playlist is being played in specified order or in shuffle orderSpacer
- provides a buffer between control componentsVolumeControl
- aMuteButton
which, when hovered (with a mouse) or initially tapped (on touch screens), displays a bar for adjusting media volume
Find full documentation here!
2.0.0-beta.4
5 years ago
2.0.0-beta.3
5 years ago
2.0.0-beta.2
5 years ago
2.0.0-beta.1
5 years ago
2.0.0-beta.0
5 years ago
2.0.0-alpha.34
5 years ago
2.0.0-alpha.33
5 years ago
2.0.0-alpha.32
5 years ago
2.0.0-alpha.31
5 years ago
2.0.0-alpha.30
5 years ago
2.0.0-alpha.29
5 years ago
2.0.0-alpha.28
5 years ago
2.0.0-alpha.27
5 years ago
2.0.0-alpha.26
5 years ago
2.0.0-alpha.25
5 years ago
2.0.0-alpha.24
5 years ago
2.0.0-alpha.23
5 years ago
2.0.0-alpha.22
5 years ago
2.0.0-alpha.21
5 years ago
2.0.0-alpha.20
5 years ago
2.0.0-alpha.19
5 years ago
2.0.0-alpha.18
5 years ago
2.0.0-alpha.17
5 years ago
2.0.0-alpha.16
5 years ago
2.0.0-alpha.15
5 years ago
2.0.0-alpha.14
5 years ago
2.0.0-alpha.13
5 years ago
2.0.0-alpha.12
5 years ago
2.0.0-alpha.11
5 years ago
2.0.0-alpha.10
5 years ago
2.0.0-alpha.9
5 years ago
2.0.0-alpha.8
5 years ago
2.0.0-alpha.7
5 years ago
2.0.0-alpha.6
5 years ago
2.0.0-alpha.5
5 years ago
2.0.0-alpha.4
6 years ago
2.0.0-alpha.3
6 years ago
2.0.0-alpha.2
6 years ago
2.0.0-alpha.1
6 years ago