Você já quis ter uma maneira divertida e bonita de publicar vídeos no seu site, como os novos apps 60 Minutes ou RedBull.tv da Chrome Web Store? É um prazer anunciar o lançamento do app da Web The Video Player Sample. O Video Player Sample é um app da Web de player de vídeo de código aberto criado usando a mesma arquitetura dos apps 60 Minutes e RedBull.tv. Ele pode ser personalizado, estendido ou usado pronto para uso e preenchido com seu próprio conteúdo.
Como funciona
Quando um usuário abre o Video Player Sample, ele pode assistir um único vídeo ou criar uma playlist de vídeos/episódios de uma lista que ele carregou e preencheu no app. O Video Player Sample é 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 experiência de visualização de vídeo incrível, incluindo uma visualização em tela cheia
- Capacidade de se inscrever em programas, assistir episódios e criar listas de reprodução
- Suporte a vários formatos de vídeo, dependendo do que o navegador do usuário aceita (incluindo WebM, Ogg, MP4 e até mesmo um substituto do 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 personalização fácil, todos os arquivos de origem, incluindo os PSDs do Photoshop, estão incluídos.
Como ele é criado
O exemplo de player de vídeo foi criado para a plataforma da Web aberta usando HTML e JavaScript, seguindo amplamente o padrão e a estrutura do Model View Controller.
- Ele é criado usando a biblioteca JavaScript do Google Closure 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 app que pode ser instalado pela Chrome Web Store, o exemplo de player de vídeo foi testado e funciona em todos os navegadores modernos.
Faça um teste
Você pode conferir 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!