UI performance tweaks
Due to low specs on tv boxes, some changes are there to be taken in consideration to improve the "responsiveness" of the app.
No Css Transformations​
This is used to remove css transformations for the player to be "snappier".
No Controls Gradient Background​
This is used to remove controls gradient background.
UI Delay​
This is used to set the delay for the UI to show.
- Web TV React
- Web TV Vanilla
const diva = new createDivaWebTV (el, {
// other props
noTransitions: false,
noControlsGradientBackground: false,
uiDelay: 5000,
// other props
})
const App = () => (
<DivaWebTV
// ...
noTransitions={false}
noControlsGradientBackground={false}
uiDelay={5000}
// ...
/>
)