# Adaptive bitrate (ABR)
Tip: open your browser's developer console and use the `player` and `THEOplayer` variables to interact with this demo.
ABR strategy
\[ ]`performance`\[ ]`quality`\[x]`bandwidth`
Start with a quality based on the bandwidth measured during previous sessions.
Initial bitrate (`metadata.bitrate`, in bps):e.g. 2000000Apply and reload
```js
player.abr.strategy = {
type: 'bandwidth'
};
```
Qualities
| Current strategy | - |
| ------------------------------- | - |
| Initial quality (chosen by ABR) | - |
| Active quality | - |
| Bandwidth estimate | - |
| Available quality | Bandwidth |
| --------------------------------- | --------- |
| Press play to load the qualities. | |
This example shows how the [ABR strategy](https://docs-preview.optiview.dolby.com/pr-894/theoplayer/v11/api-reference/web/types/ABRStrategy) affects the quality that the player picks when it starts playing a stream.
* **`performance`**: start with a lower quality, so the video starts playing as fast as possible.
* **`quality`**: start with the highest quality, for the best visual quality from the start.
* **`bandwidth`** (default): start with a quality based on the bandwidth that was measured in previous sessions.
You can also pass ABR metadata with the strategy. The `metadata.bitrate` property sets the initial bitrate (in bits per second), which the player uses to pick its first quality before it has measured the actual bandwidth.
Choose a strategy, optionally enter an initial bitrate, and click **Apply and reload** to reload the stream with the new strategy. The box below the player lists the available qualities, the initial quality chosen by the ABR strategy, and the quality that is currently playing.
Code
demo.html
```html
Adaptive bitrate (ABR)
```