Components

MusicControls

<MusicControls />

Renders the MusicControls component. Handles the play, pause, and stop controls for the sheet music.

Constructor

# <MusicControls />

Author:

View Source components/Music/PracticeMusicHeader/MusicControls/MusicControls.js, line 27

Extends

  • Component

Members

# getPlayPauseIcon

Gets a play icon or a pause icon

View Source components/Music/PracticeMusicHeader/MusicControls/MusicControls.js, line 111

# state

MusicControls component state
Properties:
Name Type Description
isPlaying boolean Indicates if the music is currently playing

View Source components/Music/PracticeMusicHeader/MusicControls/MusicControls.js, line 32

Methods

# componentDidMount()

Adds an AlphaTab player finished observer

View Source components/Music/PracticeMusicHeader/MusicControls/MusicControls.js, line 39

# componentWillUnmount()

Removes the AlphaTab player finished observer

View Source components/Music/PracticeMusicHeader/MusicControls/MusicControls.js, line 46

# donePlaying()

Sets isPlaying to false in state

View Source components/Music/PracticeMusicHeader/MusicControls/MusicControls.js, line 101

# playPauseButtonHandler()

Plays or pauses the music

View Source components/Music/PracticeMusicHeader/MusicControls/MusicControls.js, line 54

# render()

Renders the MusicControls component

View Source components/Music/PracticeMusicHeader/MusicControls/MusicControls.js, line 138

# stopButtonHandler()

Stops the music

View Source components/Music/PracticeMusicHeader/MusicControls/MusicControls.js, line 89