fga-eps-mds / 2019.2-Vsign

O Vsign realiza assinatura através de gravação de vídeo com análise automática e notificação dos resultados em tempo real. ✅ Servidor de homologação: https://develop.dar0d46dq2rcb.amplifyapp.com/ ✅ Servidor de produção: https://master.dar0d46dq2rcb.amplifyapp.com/ ✅ Documentação do projeto:
https://fga-eps-mds.github.io/2019.2-Vsign/
GNU General Public License v3.0
6 stars 9 forks source link

US02 - Gravar Vídeo de Assinatura #51

Closed kairon-v closed 5 years ago

kairon-v commented 5 years ago

Descrição

Como USUÁRIO, desejo gravar vídeo para realizar assinatura de contrato.

Critérios de aceitação

kairon-v commented 5 years ago

Nessa página, são apresentados alguns métodos para realizar a gravação utilizando JavaScript: https://stackoverflow.com/questions/18509385/html-5-video-recording-and-storing-a-stream

ViniciusPuerto commented 5 years ago

Design da tela a ser implementado

tela de gravar

ViniciusPuerto commented 5 years ago

Biblotecas que serão usadas

As seguintes bibliotecas estão sendo escolhidas para gravarmos o vídeo videojs-record ou react-video-recorder

ViniciusPuerto commented 5 years ago

Link do trello

Criei um link no qual quebrei as funcionalidades em várias tarefas e separei em cards usando PDCA para cumprirmos os critérios de aceitação.

ViniciusPuerto commented 5 years ago

Duvida !!

Para fazermos o upload do video na API usaremos blob? Por exemplo, consegui gravar o video e ao printar o blob do vídeo no console tenho a seguinte saida: image

kairon-v commented 5 years ago

@ViniciusPuerto Isso mesmo!

ViniciusPuerto commented 5 years ago

Status

A parte de gravação de vídeo e passar os blocos de roteiro foi finalizada, agora vamos extrair o áudio ou gravá-lo separadamente

ViniciusPuerto commented 5 years ago

Link de auxilio e extração do áudio

Ao gravar o vídeo consigo obter um blob com media-type webm, que é um tipo de vídeo especifico para web, e para não termos que gravar o áudio separadamente pretendo extrair o áudio do vídeo, nos seguintes links do stackoverflow aparentemente conseguiram fazer isso porém não entendi muito bem, alguém puder me ajudar com isso?

O blob é da seguinte forma: image

ViniciusPuerto commented 5 years ago

Audio gravado com sucesso

Conforme a imagem do blob abaixo, conseguimos gravar o áudio do usuário. image