ninguem26 / interactive-video-player

Interactive Video Player

interactive-video-player's Issues

Estudar aplicação do Vue.js com Laravel

Views com o blade são muito limitadas e pouco interativas. Talvez o Vue.js com o axios.js sejam a solução que preciso.

Implementar transcrição de vídeo em texto

Inicialmente somente transcrições em textos criadas manualmente serão suportadas.

Coletar mais interações com vídeo

Interações a serem adicionadas:

• replay
• legenda
• outra aba (saiu/entrou na aba)
• ocioso (nenhuma interação)

Implementar conteúdo de anotações

Uma anotação deve ser capaz de exibir um texto no viewport do vídeo dado um determinado momento e com uma duração. Seu funcionamento é semelhante as antigas anotações do YouTube.

Arrumar apresentação dos conteúdos em tela cheia

Salvar dados coletados em um banco de dados

Os dados coletados devem ser salvos em um banco, permitindo consultas posteriormente.

Implementar conteúdo de questões

Questões podem ser abertas ou de múltipla escolha. Uma questão deve parar a execução do vídeo para ser exibida e deve permitir que o vídeo retorne sua execução independente de ter sido ou não resolvida.

Tipos de quesões:

• Questão aberta
• Questão de múltipla escolha

Implementar conteúdos de tags

Uma tag identifica um momento ou intervalo no vídeo.

Evento fullscreenchange é sempre disparado duas vezes em seguida

O evento disparado quando o player entra em modo de tela cheia, fullscreenchange, é sempre disparado duas vezes em seguida. O bug provavelmente ocorre por conta do navegador e pode ser reproduzido tanto no Chrome 71.0, quanto no Firefox 64.0.

Implementar coleta de dados dos tipos de interação

Interações que devem ser coletadas:

• Play
• Pause
• Volume
• Tela cheia
• Procurar em vídeo

Chrome - Seek na barra do vídeo não funciona

Aparentemente é uma issue causada pela forma com que o Chrome lida com o carregamento de mídia via streamming.

Preciso estudar isso pra tentar resolver.