JSX/TSX React
Use WmsControls
// Create controls and set document
const doc = new Score.DocumentBuilder().getDocument();
<ReactUI.WmsControls doc={doc} />
// Use with default player
const player = doc.getDefaultPlayer();
<ReactUI.WmsControls player={player} />
// Use with new player
const player = new Score.Player(doc);
<ReactUI.WmsControls player={player} />
// Create single Play button
<ReactUI.WmsControls doc={doc} singlePlay />
// Create single Play/Stop toggle button
<ReactUI.WmsControls doc={doc} singlePlayStop playLabel="Play" stopLabel="Stop" />
// Create Play and Stop buttons
<ReactUI.WmsControls doc={doc} playStop playLabel="▶" stopLabel="⏹" />
// Create Play, Pause and Stop buttons
<ReactUI.WmsControls doc={doc} playPauseStop />
💡
Default labels if omitted are "Play", "Pause" and "Stop".