# Advanced Use Cases

# Load Last n Episodes

It's possible to embed multiple players based on the latest episodes in a series. In this example, the latest 2 public and published episodes of a series are always loaded. One use of this functionality is to have a player that always loads the most recent episode.

# Backtracks Nano Player

The Backtracks Nano Player is a tiny website audio player that's specifically designed to fit in small spaces. It's designed to minimize screen real estate, but maximize functionality.

# Set Nano Player Options

The Backtracks Nano Player supports the player capabilities like startTime, primaryColor, etc. and adds support for the following additional capabilities:

Setting Type Description
nanoLoader boolean display the loading spinner
nanoTimer boolean display the countdown/progress indicator
nanoTimerDirection string clockwise or counterclockwise
nanoRemembersPlayhead boolean recall where the user left off

TIP

The Backtracks Nano Player layout is triggered by creating a player that has a width that is less than or equal to 100px. You can set this on the player or the player's container element, i.e. div, that the player is placed within using CSS like max-width: 100px or width: 100px for example. The Backtracks Nano Player can be extremely small and is responsive.

# Counterclockwise timer with loading spinner disabled

# Embed as an iFrame

# Do not recall the last play position

# Backtracks Micro Player

The Backtracks Micro Player is a website audio player that's specifically designed to be slightly larger than the Backtracks Nano Player. In addition to have more screen real estate than the nano player, the Backtracks Micro Player allows for flexible formatting of the timer information.

# Set Micro Player Options

The Backtracks Micro Player supports the player capabilities of the Backtracks Nano Player like nanoTimerDirection and also supports the capabilities of the Backtracks Player in general like startTime, primaryColor, etc. (i.e. you can combine the properties, features, and capabiltieis of the Backtracks Player). The Backtracks Micro Player and adds support for the following additional capabilities:

Setting Type Description
microFormat string format string for timing information, i.e. $elapsed
microButtonSize string size of the play/pause button typically in px, e.g. 50px

# Micro Player Format Option

The Backtracks Micro Player supports the defining which time properties and information are displayed to the user. The property microFormat or data-bt-micro-format (if using a div/declarative player) is flexible and allows for combining the timing information of $elapsed, $duration, and $remaining with free-form text.

TIP

The Backtracks Micro Player layout is triggered by creating a player that has a width that is greater than or equal to 102px and less than or equal to 200px (the player may be defined with a relative width, but the if for example 20% = 110px then the micro layout will be triggered). You can set this on the player or the player's container element, i.e. div, that the player is placed within using CSS like max-width: 110px or width: 110px for example.

The following example is a Backtracks Micro Player layout where timing information is displayed after click/tap by the user.