player.tsx

The player.tsx file is a special file that can be used to control the player. It is located in the root of the project.

In some cases you will want to launch a different setup for the player than the one you have exported in the index.tsx file. For example, you may want to use a different theme or a different layout.

To do that, you can create a player.tsx file in the root of the project, and export a const named Play. The file will be used instead of the index.tsx file.

Usage

export const Play = () => {
  return (
    <div>
      <h1>Custom Player Display</h1>
    </div>
  )
}

export const Play = () => {
  return (
    <div>
      <h1>Custom Player Display</h1>
    </div>
  )
}