Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mateusngf/pandorabox

This project was developed with the aim of training in development skills and important concepts, such as: on-demand processing of large files; on-demand encoding and decoding of videos; converting videos to web format.
https://github.com/mateusngf/pandorabox

docker mp4 nestjs nodejs postgresql react streams text-tracer typescrip webm

Last synced: 7 days ago
JSON representation

This project was developed with the aim of training in development skills and important concepts, such as: on-demand processing of large files; on-demand encoding and decoding of videos; converting videos to web format.

Awesome Lists containing this project

README

        


preview app



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 .




Projeto na primeira versão

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