Este projeto foi desenvolvido objetivando o treinamento e capacitação em habilidades de desenvolvimentos e em conceitos importantes, tais como : processamento sob demanda de grandes arquivos ; codificação e decodificação de videos sob demanda ; conversão de videos para formato webm .

Apresentação do projeto funcional

VERSÕES

sendo cada versão alguma implementação grande e expressiva dentro do sistema

• Current (master) - Esta versão é a principal e contem a ultima versão lançada.
• V1.0 (version-one) - Esta versão se rêfere-se a primeira etapa e mais alguns ajustes secundários.
• V2.0 (version-two) - Esta versão se refere-se a segunda etapa e mais alguns ajustes secundários.

DETALHES TÉCNICOS

• O PandoraBox foi desenvolvido usando Nodejs com frameworks ReactJS, no frontend, e NestJS no backend.
• O padrão de commits utilizado foi o conventional commits pattern .
• O Banco de dados utilizado foi o Postgress e usando TypeORM no backend.

ETAPAS

O desenvolvimento desse projeto inicialmente se tem por etapas que serão marcadas por versões. As etapas Abaixo estão listadas algumas etapas prevista que vão direcionar o desenvolvimento:

• 1º Etapa - Planejamento e Criação do sistema: Nesta etapa será feito o planejamento visual e arquitural do software. Depois, a criação deixando o serviço o básico, como interface e armanezamento dos dados, funcinal.
• 2º Etapa - Processamento sob demanda e dos Frames: Aqui o sistema básico já esta funcinal, será implementa o processamento dos frames para cada pedaço do video já lido mostrando cada imagem;

REFÊRENCIAS

• https://stackoverflow.com/questions/56826079/how-to-concat-chunks-of-incoming-binary-into-video-webm-file-node-js

• https://github.com/thenickdude/webm-writer-js

• https://github.com/ErickWendel/semana-javascript-expert08/tree/main

• https://www.npmjs.com/package/mp4box

• https://github.com/gpac/mp4box.js/blob/HEAD/test/node/info.js

• https://www.npmjs.com/package/webm-writer

• UseEffect chamando duas vezes e dando problemas no canvas

  • https://stackoverflow.com/questions/60618844/react-hooks-useeffect-is-called-twice-even-if-an-empty-array-is-used-as-an-ar

• VideoEnconder e novas API não tipadas no tsc

  • https://stackoverflow.com/questions/73175259/cannot-find-name-audiodecoder

• Alguns videos para que possa baixar e testar

  • https://gist.github.com/jsturgis/3b19447b304616f18657