Player#

Open this notebook in Jupyterlite | Download this notebook from GitHub (right-click to download).


import panel as pn

pn.extension()

The Player widget displays media-player-like controls that allow playing and stepping through a range of values. When playing it triggers events at a pre-defined interval on the frontend, advancing the player value each time. It falls into the broad category of single-value slider widgets that provide a compatible API and includes the IntSlider and FloatSlider widgets.

Discover more on using widgets to add interactivity to your applications in the how-to guides on interactivity. Alternatively, learn how to set up callbacks and (JS-)links between parameters or how to use them as part of declarative UIs with Param.

Parameters:#

For details on other options for customizing the component see the layout and styling how-to guides.

Core#

  • direction (int): Current play direction of the Player (-1: playing in reverse, 0: paused, 1: playing).

  • interval (int): Interval in milliseconds between updates

  • loop_policy (str): Looping policy; must be one of ‘once’, ‘loop’, or ‘reflect’

  • start (int): The range’s lower bound

  • end (int): The range’s upper bound

  • step (int): The interval between values

  • value (int): The current integer value

  • value_throttled (int): The current integer value throttled until mouseup (when selected using slider)

Display#

  • disabled (boolean): Whether the widget is editable

  • name (str): The title of the widget

  • show_loop_controls (boolean): Whether radio buttons allowing to switch between loop policies options are shown


The widget has a number of buttons to go to the first or last value, step forward or backward, or play and pause the widget. It also provides control over the loop_policy which determines whether to play ‘once’, ‘loop’, or ‘reflect’. Additionally - and + buttons slow down and speed up the player speed.

player = pn.widgets.Player(name='Player', start=0, end=100, value=32, loop_policy='loop')

player

Like most other widgets, Player has a value parameter that can be accessed or set:

player.value
32

The Player can be controlled programmatically using the direction parameter which has three possible states:

  • -1: playing in reverse

  • 0: paused

  • 1: playing

Alternatively it can be controlled via the .play, .pause and .reverse methods:

import time

player.play()
time.sleep(2)
player.reverse()
time.sleep(2)
player.pause()

Controls#

The Player widget exposes a number of options which can be changed from both Python and Javascript. Try out the effect of these parameters interactively:

pn.Row(player.controls(jslink=True), player)

Open this notebook in Jupyterlite | Download this notebook from GitHub (right-click to download).