Lecteur Web Triton SDK

Précédent Suivant

Ce document décrit la version SDK du lecteur Web Triton Digital 2.9. Voir la page Archives pour les versions antérieures. Vous trouverez une démo actualisée du SDK ici : https://sdk.listenlive.co/web/2.9/playground/

Pour les mises à jour, consultez le registre des modifications.

Lors de l'utilisation de la démo, déterminez quelle est la meilleure intégration pour ce SDK pour votre site Web, au lieu d'utiliser la page playground "en l'état".

Le SDK du lecteur Triton Digital 2.9 vous permet de créer un lecteur média HTML5 intégrable dans flash et sans chrome connecté à tous les services Triton Digital (par ex. streaming live, pubs, etc.) via JavaScript. Le mode de rendu HTML5 est pris en charge, de sorte que le lecteur multimédia est disponible sur les ordinateurs de bureau, les tablettes et les appareils mobiles.

Le lecteur Web SDK 2.9 Triton Digital ne fournit pas d’interface utilisateur, à l’exception d’un vidéoprojecteur utilisé pour afficher des publicités vidéo et des flux vidéo en direct. L’interface utilisateur du lecteur et l’habillage doivent être effectués en HTML, CSS et JavaScript par le développeur.

Le SDK 2.9 du lecteur Web  Triton Digital est conçu avec une approche modulaire (AMD), chaque module donnant accès à une fonctionnalité spécifique du lecteur (par ex. le lecteur média décrit ci-après est un module et est nécessaire pour lire un flux ou une introduction).

À mettre à jour à partir d'une version antérieure

Si vous utilisiez une version antérieure de ce SDK, votre intégration SDK nécessitera les modifications suivantes à mettre à niveau vers la version 2.9 :

  1. Mettre à jour l'URL JavaScript SDK :
    <script src="//sdk.listenlive.co/web/2.9/td-sdk.min.js"></script> ;
  2. Mettre à jour la configuration du lecteur :
    Dans les versions précédentes, les événements principaux étaient configurés avec des écouteurs d’événements et vous deviez appeler la fonction loadModules() sur l’instance du lecteur, comme suit :
    var player = new TdPlayerApi( tdPlayerConfig );
    player.addEventListener( 'player-ready', onPlayerReady );
    player.addEventListener( 'configuration-error', onConfigurationError );
    player.addEventListener( 'module-error', onModuleError );
    player.loadModules();
    

    Dans la version 2.9, les rappels d'événements principaux sont désormais transmis sous forme de configurations et le recours à loadModules() n'est plus requis :

var tdPlayerConfig = { 
 coreModules: [{ 
         id: 'MediaPlayer', 
         playerId: 'td_container' 
 }],
 // The callbacks are defined in your source code.
 playerReady: onPlayerReady,
 configurationError: onConfigurationError,
 moduleError: onModuleError,
 adBlockerDetected: onAdBlockerDetected
};
 
// The call to loadModules() as been removed.                 
player = new TDSdk( tdPlayerConfig );