Panoramica

Per usare il browser TVSDK, devi creare e configurare un lettore di base. Per la riproduzione di contenuti video, puoi creare un lettore di base in due modi: utilizzando il browser TVSDK o il framework dell’interfaccia utente.

Utilizzo del TVSDK del browser

Utilizza le API fornite con il browser TVSDK direttamente per codificare il lettore video. L’SDK offre framework, utility e un lettore di riferimento da cui lavorare.

SUGGERIMENTO

Per visualizzare questo funzionamento in un lettore di riferimento, non specificare attributi con videoDiv.

Utilizzo del framework dell’interfaccia utente

Questo modulo viene utilizzato per creare istanze del lettore, in cui ogni istanza è associata a un elemento DOM (Document Object Model) fornito dal chiamante. Oltre a disporre di un’istanza del Browser TVSDK, ogni istanza del lettore ospita una serie di controlli che costituiscono l’interfaccia utente del lettore.

L'attuazione di ciascun controllo consiste in due aspetti:

  • Un HTMLElement, che è la rappresentazione visiva del componente sullo schermo
  • A Behavior, che gestisce HTMLElement e fornisce un’API per le interazioni

I dettagli su questi controlli vengono forniti al VideoPlayer utilizzando un oggetto config, che viene passato al lettore al momento della creazione dell’istanza. Per impostazione predefinita, ogni componente forma una gerarchia di oggetti, con l’elemento fornito all’istanza del lettore nella radice della struttura. Ogni componente viene creato e aggiunto al DOM nella posizione appropriata.

Ogni componente ha un nome, che corrisponde alla sua chiave nell'oggetto di configurazione quando l'oggetto viene registrato. La classe CSS dell’elemento DOM sottostante è formata da vp- prefisso aggiunto al nome del componente.

I componenti possono essere estesi o sostituiti, la loro configurazione può essere modificata e le proprietà iniziali impostate. Ciò ti consente di avere un controllo più ampio sulle proprietà API, sul nome della classe CSS e, facoltativamente, su alcuni aspetti dell’implementazione del componente. Queste opzioni possono essere utilizzate per personalizzare la funzionalità e consentire più istanze di un componente che possono essere formattate o configurate singolarmente.

È possibile accedere a tutte le istanze dei componenti con .behaviors proprietà. Le istanze possono essere attivate e disattivate e visualizzate o nascoste. Tuttavia, una volta create le istanze, queste non possono essere rimosse.

In questa pagina