¿Alguna vez quisiste tener 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? Me complace anunciar el lanzamiento de la app web The Video Player Sample. La muestra de reproductor de video es una app web de reproductor de video de código abierto compilada con la misma arquitectura que las apps de 60 Minutes y RedBull.tv. Se puede personalizar, extender o usar de forma predeterminada y propagar con tu propio contenido.
Cómo funciona
Cuando un usuario abre la muestra de reproductor de video, puede elegir mirar un solo video o crear una playlist de videos o episodios a partir de una lista que subió y propagó a la app. La muestra de reproductor de video está configurada 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.
Características clave
- Una experiencia de reproducción de video atractiva, incluida una vista de pantalla completa
- Posibilidad de suscribirse a programas, mirar episodios y crear playlists
- Compatibilidad con varios formatos de video según lo que admita el navegador del usuario (incluidos WebM, Ogg, MP4 y hasta un resguardo de Flash)
- Una página 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 contenido en Google+, Twitter y Facebook
- Para garantizar una personalización sencilla, se incluyen todos los archivos de origen, incluidos los PSD de Photoshop.
Cómo se compila
El ejemplo de reproductor de video está escrito para la plataforma web abierta con HTML y JavaScript, y sigue en gran medida el patrón y la estructura de Model View Controller.
- Se compila con la biblioteca de JavaScript Google Closure de código abierto.
- Compilada con el Compilador de Closure
- Se distribuyen a través de Chrome Web Store para aprovechar las notificaciones.
Navegadores compatibles
Además de funcionar como una app que se puede instalar a través de Chrome Web Store, la muestra de 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 demostración. 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!