![[object Object] Icon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMzIgMzIiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgeDE9IjE2IiB5MT0iLTUwOTIuMjUiIHgyPSIxNiIgeTI9Ii01MTIzLjk4IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEsIDAsIDAsIC0xLCAwLCAtNTA5Mi4xMikiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMxYWIzZmYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwZTgyZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48dGl0bGU+SWNvbnM8L3RpdGxlPjxwYXRoIGQ9Ik0xLjUsMTAuNDh2MTFhNC44MSw0LjgxLDAsMCwwLDIuNDMsNC4xN2w5LjY1LDUuNTJhNC44MSw0LjgxLDAsMCwwLDQuODQsMGw5LjY1LTUuNTJhNC44LDQuOCwwLDAsMCwyLjQzLTQuMTd2LTExYTQuODEsNC44MSwwLDAsMC0yLjQzLTQuMTdMMTguNDIuNzlhNC44MSw0LjgxLDAsMCwwLTQuODQsMEwzLjkzLDYuMzFBNC43OCw0Ljc4LDAsMCwwLDEuNSwxMC40OFoiIHN0eWxlPSJmaWxsOnVybCgjYSkiLz48cGF0aCBkPSJNMjQuODMsMTZsLS43MS0xLjIxYS42My42MywwLDAsMC0uNTItLjMxSDIyLjJhLjU4LjU4LDAsMCwwLS41Mi4zMWwtLjQ5Ljg1SDE4LjlhLjEzLjEzLDAsMCwwLDAsMEwxOCwxNC4wNmExLjQxLDEuNDEsMCwwLDAtMS4yMi0uNzFIMTVMMTMuNjgsMTEuMmwuNTQtLjkzYS42LjYsMCwwLDAsMC0uNjFsLS43MS0xLjIxQS42MS42MSwwLDAsMCwxMyw4LjE0aC0xLjRhLjU4LjU4LDAsMCwwLS41Mi4zMWwtLjcxLDEuMjFhLjYuNiwwLDAsMCwwLC42MWwuNzEsMS4yMWEuNjMuNjMsMCwwLDAsLjUyLjMxaC44OWwxLjM0LDIuMjZoMEwxMywxNS41NUExLjQxLDEuNDEsMCwwLDAsMTMsMTdsLjg2LDEuNDkuMDcuMTItMS4yOSwyLjE1aC0xYS42LjYsMCwwLDAtLjUyLjMxbC0uNzEsMS4yMmEuNTkuNTksMCwwLDAsMCwuNmwuNzEsMS4yMmEuNjMuNjMsMCwwLDAsLjUyLjMxSDEzYS42LjYsMCwwLDAsLjUyLS4zMWwuNzEtMS4yMmEuNTkuNTksMCwwLDAsMC0uNmwtLjQ4LS44MywxLjM0LTIuMjVoMS43MWExLjQsMS40LDAsMCwwLDEuMjItLjdsLjg2LTEuNXMwLDAsMCwwaDIuMjlsLjQ5Ljg1YS42NS42NSwwLDAsMCwuNTIuMzFoMS40YS42LjYsMCwwLDAsLjUyLS4zMWwuNzEtMS4yMkEuNjIuNjIsMCwwLDAsMjQuODMsMTZabS03LjEuMzYtLjg2LDEuNDlzMCwwLS4wOCwwSDE1czAsMCwwLDBsLS44Ni0xLjQ5YS4wOC4wOCwwLDAsMSwwLS4wOUwxNSwxNC43NHMwLDAsMCwwYTAsMCwwLDAsMSwwLDBoMS43NGEuMTUuMTUsMCwwLDEsLjA4LjA1bC44NiwxLjQ5QS4xNC4xNCwwLDAsMSwxNy43MywxNi4zMloiIHN0eWxlPSJmaWxsOiNmZmYiLz48cGF0aCBkPSJNMTEuNDgsMTUuNzRhLjY2LjY2LDAsMCwxLC42Ny42NS42NS42NSwwLDAsMS0uNjcuNjZIMTAuMTVhLjY2LjY2LDAsMSwxLDAtMS4zMVoiIHN0eWxlPSJmaWxsOiNmZmYiLz48cGF0aCBkPSJNMTcuOTEsMTkuNjNhLjY3LjY3LDAsMCwxLC45MS4yNEwxOS41LDIxYS42NC42NCwwLDAsMS0uMjQuODkuNzIuNzIsMCwwLDEtLjM0LjA5LjY4LjY4LDAsMCwxLS41OC0uMzRsLS42Ny0xLjE0QS42My42MywwLDAsMSwxNy45MSwxOS42M1oiIHN0eWxlPSJmaWxsOiNmZmYiLz48cGF0aCBkPSJNMTguMjUsMTMuMjVhLjgxLjgxLDAsMCwxLS4zNC0uMDguNjMuNjMsMCwwLDEtLjIzLS45bC42Ny0xLjE1YS42OC42OCwwLDAsMSwuOTEtLjIzLjY1LjY1LDAsMCwxLC4yNC44OWwtLjY3LDEuMTRBLjY1LjY1LDAsMCwxLDE4LjI1LDEzLjI1WiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjwvc3ZnPg==)
![[object Object] Icon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMzIgMzIiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgeDE9IjE2IiB5MT0iLTUyNjguNjQiIHgyPSIxNiIgeTI9Ii01MzAwLjM2IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEsIDAsIDAsIC0xLCAwLCAtNTI2OC41KSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzFhYjNmZiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzBlODJmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjx0aXRsZT5JY29uczwvdGl0bGU+PHBhdGggZD0iTTEuNSwxMC40OHYxMWE0LjgxLDQuODEsMCwwLDAsMi40Myw0LjE3bDkuNjUsNS41MmE0LjgxLDQuODEsMCwwLDAsNC44NCwwbDkuNjUtNS41MmE0LjgsNC44LDAsMCwwLDIuNDMtNC4xN3YtMTFhNC44MSw0LjgxLDAsMCwwLTIuNDMtNC4xN0wxOC40Mi43OWE0LjgxLDQuODEsMCwwLDAtNC44NCwwTDMuOTMsNi4zMUE0Ljc4LDQuNzgsMCwwLDAsMS41LDEwLjQ4WiIgc3R5bGU9ImZpbGw6dXJsKCNhKSIvPjxwYXRoIGQ9Ik0xMy42LDIxLjI5YTEuNzksMS43OSwwLDAsMS0uOS0uMjVBMS4zNywxLjM3LDAsMCwxLDEyLDE5Ljg5VjEzYTEuMzUsMS4zNSwwLDAsMSwuNjgtMS4xNSwxLjc4LDEuNzgsMCwwLDEsMS43MiwwbDYuNTIsMy40N2ExLjMsMS4zLDAsMCwxLDAsMi4zNkwxNC40MiwyMS4xQTEuOSwxLjksMCwwLDEsMTMuNiwyMS4yOVptMC03Ljg4djYuMDZhLjE1LjE1LDAsMCwwLC4yMi4xNGw1LjcxLTNhLjE4LjE4LDAsMCwwLDAtLjMybC01LjcxLTNBLjE1LjE1LDAsMCwwLDEzLjU5LDEzLjQxWiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjwvc3ZnPg==)
![[object Object] Icon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMzIgMzIiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgeDE9IjE2IiB5MT0iLTUxNzUuMDciIHgyPSIxNiIgeTI9Ii01MjA2LjgiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSwgMCwgMCwgLTEsIDAsIC01MTc0LjkzKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzFhYjNmZiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzBlODJmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjx0aXRsZT5JY29uczwvdGl0bGU+PHBhdGggZD0iTTEuNSwxMC40OHYxMWE0LjgxLDQuODEsMCwwLDAsMi40Myw0LjE3bDkuNjUsNS41MmE0LjgxLDQuODEsMCwwLDAsNC44NCwwbDkuNjUtNS41MmE0LjgsNC44LDAsMCwwLDIuNDMtNC4xN3YtMTFhNC44MSw0LjgxLDAsMCwwLTIuNDMtNC4xN0wxOC40Mi43OWE0LjgxLDQuODEsMCwwLDAtNC44NCwwTDMuOTMsNi4zMUE0Ljc4LDQuNzgsMCwwLDAsMS41LDEwLjQ4WiIgc3R5bGU9ImZpbGw6dXJsKCNhKSIvPjxwYXRoIGQ9Ik05LjMzLDE3YS42OC42OCwwLDAsMC0uNjcuNjh2My40MWEuNjcuNjcsMCwxLDAsMS4zNCwwVjE3LjY0QS42Ny42NywwLDAsMCw5LjMzLDE3Wm0zLTIuNjNhLjY3LjY3LDAsMCwwLS42Ny42OHY2YS42Ny42NywwLDEsMCwxLjM0LDBWMTVBLjY3LjY3LDAsMCwwLDEyLjM2LDE0LjMzWm02LjA2LTEuOWEuNjcuNjcsMCwwLDAtLjY3LjY4djcuOTRhLjY3LjY3LDAsMSwwLDEuMzQsMFYxMy4xMUEuNjcuNjcsMCwwLDAsMTguNDIsMTIuNDNaIiBzdHlsZT0iZmlsbDojZmZmIi8+PHBhdGggZD0iTTE0LjcxLDE2LjJhLjY3LjY3LDAsMSwxLDEuMzQsMHY0Ljg2YS42Ny42NywwLDEsMS0xLjM0LDBaIiBzdHlsZT0iZmlsbDojZmZmIi8+PHBhdGggZD0iTTIwLjc3LDEwLjk0YS42Ny42NywwLDAsMSwuNjctLjY4LjY4LjY4LDAsMCwxLC42Ny42OXYxMC4xYS42Ny42NywwLDEsMS0xLjM0LDBaIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+)
Roku SDK
In this tutorial you will learn how to add the Bitmovin Player Roku SDK to your project, set up the player license, use the player and how to configure it.
Before we start...
Creating your own Roku channel
In order to use our Bitmovin Roku Player you will need to have your own custom Roku channel. Check out Rokus Development Overview to get started. There is also a Hello World example available which can be used for this guide.
Once you have your own channel in place you can follow the steps below to add the Bitmovin Roku player to it.
Step 1: Adding your License Key
Add the Bitmovin License Key to your channels manifest.
Alternatively, you can add the license key to your player config later on. More on the player config down below.
Also check out our FAQ here to learn how to allowlist your Roku channel.
Step 2: Add the SDK to your project
Add the player SDK to your project using a component library
Start the download of the component library by adding it to your scene and check for the download being finished by observing the loadStatus field.
Add the player to your project directly
Alternatively, the player SDK can be downloaded and added to your components folder directly.
Step 3: Setup the Player
Create the player
Once the download of the library is complete you can create an instance of the player.
Create a player config
Create a player config to configure the player to your needs.
For additional information as well as a list of all available parameters for the player config take a look at the setup method in our documentation.
Configure the player
Pass the created player config to the player using the setup call.
Create Source config
Create a source config consisting of at least a stream url with the corresponding format and a title to be passed to the player.
For additional information as well as a list of all available parameters for the source config take a look at the load method in our documentation.
Load the source config
Load the created source config into the player using the load call.
Step 4: Final Review
Now that you have learned how to add the player to your project, configure and use it you can start having a look at the API Reference and adapt the player to your needs.
Also check out our Example Repository where you can find a full example of what has been shown here.
More Examples
You can find many more fully functional code examples in our Github Repository.