¿Alguna vez quisiste encontrar una forma divertida y atractiva de publicar videos en tu propio sitio, como las nuevas apps de 60 minutes o RedBull.tv de Chrome Web Store? Nos complace anunciar el lanzamiento de la aplicación web de ejemplo del reproductor de video. El reproductor de video de ejemplo es una aplicación web de reproductor de video de código abierto compilada con la misma arquitectura que las aplicaciones de 60 minutos y RedBull.tv. Puedes personalizarlo, ampliarlo o simplemente usarlo de inmediato y completarlo con tu propio contenido.
Cómo funciona
Cuando un usuario abre el Video Player Sample, puede elegir mirar un solo video o crear una playlist de videos o episodios de una lista que subió y propaga en la app. Se configura El ejemplo del reproductor de video y la información sobre los videos se almacena en archivos JSON (config.json y data.json, respectivamente), que se encuentran en el directorio de datos.
Funciones clave
- Una hermosa experiencia de visualización de video con una vista de pantalla completa
- Posibilidad de suscribirse a programas, ver episodios y crear listas de reproducción
- Compatibilidad con varios formatos de video en función de lo que admita el navegador del usuario (incluidos WebM, Ogg, MP4 e incluso un resguardo Flash).
- Una página de Categorías con una descripción general de los diferentes programas o categorías disponibles en la app
- Notificaciones de episodios nuevos (cuando la app se instala a través de Chrome Web Store)
- Compatibilidad integrada para compartir en Google+, Twitter y Facebook
- Para garantizar una personalización sencilla, se incluyen todos los archivos de origen, incluido el PSD de Photoshop.
Cómo se crea
El ejemplo del reproductor de video se redactó para la plataforma web abierta mediante HTML y JavaScript, y sigue, en líneas generales, el patrón y la estructura del controlador de vista de modelos.
- Se compila con la biblioteca JavaScript de Google Closure de código abierto.
- Compilado con el compilador de cierre
- Se distribuye a través de Chrome Web Store para aprovechar las notificaciones.
Navegadores compatibles
Además de funcionar como una aplicación que se puede instalar a través de Chrome Web Store, el ejemplo del reproductor de video se probó y funciona en todos los navegadores modernos.
Probar
Puedes ver una demostración del reproductor de video en acción en la app de demo. Para obtener más información sobre cómo funciona la app, consulta la documentación.
Puedes obtener el código de Google Code.
¡Que lo disfrutes!