Vídeos añadidos recientemente

En esta muestra, aprenderá cómo obtener datos de Analytics para videos que se han agregado a Video Cloud durante un período reciente (que define en las entradas). Tenga en cuenta que esta aplicación solo devuelve informes sobre una única dimensión, aunque podría modificarse para informar sobre varias dimensiones.

CodePen

Código fuente

Encuentra todo el código asociado a este ejemplo en este repositorio de GitHub.

Aplicación de muestra

Ver la pluma Ejemplo de API de Analytics / CMS: Vídeos añadidos recientemente por Brightcove Learning Services ( rcrooks1969 ) en CodePen.

Limitaciones

API utilizadas

Esta muestra utiliza dos API de Brightcove:

  • API de CMS (para buscar videos agregados recientemente)
  • API de análisis (para obtener los análisis)

Obtención de credenciales

Para obtener un client_id y client_secret, tendrás que ir a la interfaz de usuario de OAuth y registrar esta aplicación:

Estos son los permisos que necesitarás:

Permisos API de Analytics
Permisos API de Analytics

También puedes obtener tus credenciales a través de CURL o Postman. Consulta:

Si obtienes credenciales directamente de la API, estos son los permisos que necesitas:

            [
              "video-cloud/analytics/read",
              "video-cloud/video/read"
            ]

Uso de CodePen

Estos son algunos consejos para utilizar eficazmente el CodePen anterior:

  • Alternar la visualización real de la aplicación 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

La aplicación consta de cuatro partes:

  • La HTML
  • A modelo de datos Para el Analytics API (estos datos podrían haberse creado en JavaScript, pero ya tenía el modelo para otros fines)
  • La JavaScript
  • La apoderado (obtiene tokens de acceso y realiza solicitudes de API, escritas en PHP, pero cualquier lenguaje del lado del servidor servirá)

Puede ver el HTML y JavaScript principal en el CodePen sobre. El modelo de datos y la información sobre el proxy se muestran a continuación.

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.