Você já quis uma maneira divertida e bela de publicar vídeos em seu próprio site, como os novos aplicativos 60 Minutes ou RedBull.tv da Chrome Web Store? Tenho o prazer de anunciar o lançamento do app da Web The Video Player Sample. O exemplo do player de vídeo é um app da Web de código aberto criado com a mesma arquitetura dos apps 60 Minutes e RedBull.tv. Ele pode ser personalizado, estendido ou apenas usado instantaneamente e preenchido com seu próprio conteúdo.
Como funciona
Quando um usuário abre a amostra do player de vídeo, ele pode optar por assistir um único vídeo ou criar uma playlist de vídeos/episódios de uma lista enviada e preenchida no app. O exemplo do player de vídeo é configurado, e as informações sobre os vídeos são armazenadas em arquivos JSON (config.json e data.json, respectivamente), ambos localizados no diretório de dados.
Principais recursos
- Uma bela experiência de exibição de vídeo, incluindo uma visualização em tela cheia
- Possibilidade de assinar programas, assistir episódios e criar listas de reprodução
- Suporte a vários formatos de vídeo, dependendo do suporte do navegador do usuário (incluindo WebM, Ogg, MP4 e até mesmo um substituto de Flash).
- Uma página Categorias com uma visão geral dos diferentes programas/categorias disponíveis no app
- Notificações de novos episódios (quando o app é instalado pela Chrome Web Store)
- Suporte integrado para compartilhamento no Google+, Twitter e Facebook
- Para garantir uma fácil personalização, todos os arquivos de origem, incluindo os PSDs do Photoshop, são incluídos
Como ele é construído
O exemplo do player de vídeo foi escrito para a plataforma da Web aberta usando HTML e JavaScript, seguindo amplamente o padrão e a estrutura do controlador de visualização do modelo.
- Ele foi criado usando a biblioteca Google closure JavaScript (link em inglês) de código aberto.
- Compilado com o closure Compiler.
- Distribuído pela Chrome Web Store para aproveitar as notificações
Compatibilidade com navegadores
Além de funcionar como um aplicativo que pode ser instalado pela Chrome Web Store, o exemplo do player de vídeo foi testado e funciona em todos os navegadores mais recentes.
Testar
Acesse uma demonstração do player de vídeo em ação no app de demonstração. Para saber mais sobre como o app funciona, consulte a documentação.
Você pode extrair o código do Google Code.
Aproveite!