Mise à jour de la version du lecteur

Dans cet exemple, vous saisissez les informations relatives à votre joueur et à votre compte. En cliquant sur le bouton, la version du lecteur est mise à jour et des informations sélectionnées sur le lecteur sont affichées.

Introduction

Cet exemple utilise l'API de gestion des joueurs pour mettre à jour la version de vos joueurs. Les lecteurs de la version 5 ne peuvent pas être édités à l'aide de Video Cloud Studio.

Clause de non-responsabilité

Architecture de l'application

La logique d'application de haut niveau pour cette application est la suivante :

  1. Recueillir les données de l'utilisateur nécessaires à la mise à jour de la version du lecteur
  2. Construire la structure de données JSON à transmettre à l'API pour la mise à jour de la version du lecteur
  3. Lors du clic sur le bouton, effectuer un appel AJAX pour mettre à jour la version du lecteur
  4. En cas de réussite de l'appel AJAX, procédez comme suit :
    • Injecter les données de réponse JSON dans la page HTML
    • Fonction d'appel pour publier le lecteur
  5. Effectuer un appel AJAX pour publier le lecteur
  6. En cas de réussite de l'appel AJAX, procédez comme suit :
    • Injecter les données de réponse JSON dans HTML
    • Créez dynamiquement du HTML qui affiche les informations du joueur sélectionné et injectez-les dans la page HTML

Exemple d'application

Code source

Retrouvez tout le code associé à cet exemple dans ce référentiel GitHub.

Exemple d'application

Découvrez la version Pen Update Player de Yarianna Tineo (@yariannatineo_) sur CodePen.



Utilisation du CodePen

Voici quelques conseils pour utiliser efficacement le CodePen ci-dessus :

  • Basculez l'affichage réel du lecteur en cliquant sur le bouton Résultat bouton.
  • Clique le HTML/CSS/JS pour afficher UN des types de code.
  • Cliquez sur Modifier sur CodePen dans le coin supérieur droit pour insérer ce CodePen dans votre propre compte.
  • Retrouvez tout le code associé à cet exemple dans ce référentiel GitHub.

Code proxy

Afin de créer votre propre version de l'exemple d'application sur cette page, vous devez créer et héberger votre propre proxy. (Les proxy utilisés par Brightcove Learning Services n'acceptent que les demandes des domaines Brightcove.) Un exemple de proxy, très similaire à celui que nous utilisons, mais sans les contrôles qui bloquent les demandes provenant de domaines non-BrightCove, peut être trouvé dans ce dépôt GitHub. Vous y trouverez également des instructions de base pour l'utiliser, ainsi qu'un guide plus détaillé sur la création d'applications autour du proxy dans Utilisation des API REST.