Skip to main content

Movistar Home

Living Apps are multi channel applications. The same web application will run on both STB and Movistar Home (MH) .

Therefore, you should customize the experience for different channels.

React example:

root.render(laSdk.channel === 'movistar-home' ? <MhApp /> : <App />);

Note that Movistar Home uses 1280px x 800px resolution.

Sync channels​

STB will be your main application. From the STB app you can send payloads to MH:

laSdk.sendMh({ title: 'awesome title' });

Then you can subscribe to lachannelsync event from MH components.

React example:

window.addEventListener('lachannelsync', (event: CustomEvent) => {
  setTitle(event.detail.data.title);
});

In the same way, you can send payloads from MH to STB:

laSdk.sendStb({ title: 'awesome title 2' });

Common Movistar Home experience​

MH experience usually shows "suggestion pills" on the screen to indicate different voice commands that could be used to interact with Aura.

Building theses kind of experiences should be easy:

  • use laSdk.sendMh() from STB view to send data to MH.
  • register lachannelsync event on MH view to draw suggestions on screen.
  • when user clicks on these suggestions, use laSdk.sendText(...) from MH to send text command to Aura.

This way, you'll always get to the same result if user interacts with your app using voice or MH.