Crea un jugador

En este ejemplo, ingresa la información de su cuenta. Además, ingresa una URL a los medios y el tipo de medio, o una identificación de video de Video Cloud. Al hacer clic en el botón, se creará un jugador y se mostrará la información seleccionada sobre el jugador.

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 crear un reproductor.
  2. Construya la estructura de datos JSON para pasar a la API para la creación de jugadores
  3. Al hacer clic en el botón, realice una llamada AJAX para crear un jugador
  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 Crear jugador por los servicios de aprendizaje de Brightcove (@rcrooks1969 ) 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.