StreamsPlaybackEncodingBitmovin Dashboard

## Requirements

  • A [Streamroot account](🔗) to obtain a `STREAMROOT_KEY` for your Streamroot DNA configuration

  • A [Bitmovin Account](🔗) to obtain a `BITMOVIN_PLAYER_KEY`

  • Bitmovin Web SDK v8.1 or higher

## Installation

### CDN hosted version

Include these sources in the HTML `<head>`. Make sure to replace `YOUR_STREAMROOT_KEY` in the Streamroot Plugin Source URL with our own STREAMROOT_KEY.


### NPM

## Configuration
### CDH hosted version
For a list of Streamroot `dnaConfig` parameters please check out their [documentation](🔗).

### NPM bundle

## Enabling Streamroot on Safari / macOS
On Safari/macOS, the stream will be played through the Safari Native Player by default. In order for Streamroot DNA to be activated on Safari, you will need to configure the player to use Bitmovin HLS HTML5 playback by default, if supported. To do so, add a `preferredTech` in the Bitmovin configuration object.

_Hint:_ This applies to Safari on macOS only. In Safari on iOS, only Safari's native player is allowed to be used due to restrictions from Apple.
## Full example
A [full example](🔗) is available on Streamroot's Github Repository. An actual demo showcasing the Streamroot plugin and the Bitmovin Player is available [here](🔗).