Actualizar versión del reproductor

En este ejemplo, ingresa su jugador y la información de su cuenta. Al hacer clic en el botón, se actualizará la versión del reproductor y se mostrará la información seleccionada sobre el reproductor.

Introducción

Esta muestra utiliza la API de administración de reproductores para actualizar la versión de sus reproductores. Los reproductores con la versión 5 no se pueden editar con Video Cloud Studio.

Descargo de responsabilidad

Arquitectura de la aplicación

La lógica de la aplicación de alto nivel para esta aplicación es la siguiente:

  1. Reúna los datos de usuario necesarios para actualizar la versión del reproductor
  2. Cree la estructura de datos JSON para pasar a la API para actualizar la versión del reproductor
  3. Al hacer clic en el botón, realice una llamada AJAX para actualizar la versión del reproductor
  4. En el éxito de la llamada AJAX, realice lo siguiente:
    • Inyectar datos de respuesta JSON en una página HTML
    • Función de llamada para publicar jugador
  5. Realice una llamada AJAX para publicar un jugador
  6. En el éxito de la llamada AJAX, realice lo siguiente:
    • Inyectar datos de respuesta JSON en HTML
    • Cree HTML dinámicamente que muestre la información del jugador seleccionado e inyéctelo en la página HTML

Aplicación de muestra

Código fuente

Encuentre todo el código asociado con esta muestra en este repositorio de GitHub.

Aplicación de muestra

ver la pluma Actualizar versión del reproductor de Yarianna Tineo (@yariannatineo_ ) en CódigoPen.



Uso de CodePen

Estos son algunos consejos para utilizar eficazmente el CodePen anterior:

  • Cambie la visualización real del reproductor haciendo clic en el Resultado botón.
  • Haga clic en el HTML / CSS / JS botones para mostrar UNO de los tipos de código.
  • Hacer clic Editar en CodePen en la esquina superior derecha para bifurcar este CodePen en su propia cuenta.
  • Encuentra todo el código asociado a este ejemplo en este repositorio de GitHub.

Código proxy

Para crear su propia versión de la aplicación de muestra en esta página, debe crear y alojar su propio proxy. (Los proxies utilizados por Brightcove Learning Services solo aceptan solicitudes de dominios de Brightcove.) Un proxy de ejemplo, muy similar al que usamos, pero sin las comprobaciones que bloquean solicitudes de dominios que no son de BrightCove, se puede encontrar en este repositorio de GitHub. También encontrará instrucciones básicas para utilizarlo allí y una guía más elaborada para crear aplicaciones alrededor del proxy en Uso de las API REST.