# 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.