Seja bem vindo(a) à oitava Semana Javascript Expert. Este é o código inicial para iniciar nossa jornada.

Marque esse projeto com uma estrela 🌟 e acesse o nosso grupo oficial no WhatsApp

• Este projeto foi criado usando Node.js v18.17.0
• O ideal é que você use o projeto em ambiente Unix (Linux). Se você estiver no Windows, é recomendado que use o Windows Subsystem Linux pois nas aulas são mostrados comandos Linux que possam não existir no Windows.

• Todo dia às 18hrs estou subindo o código das aulas do dia corrente em classes. Se você for iniciar o projeto, remova a pasta classes para iniciar do zero!

• Execute npm ci na pasta que contém o arquivo package.json para restaurar os pacotes
• Execute npm start e em seguida vá para o seu navegador em http:https://localhost:3000 para visualizar a página acima

• Video Uploader
  • [] - Deve entender videos em formato MP4 mesmo se não estiverem fragmentados
  • [] - Deve processar itens em threads isoladas com Web Workers
  • [] - Deve converter fragmentos de videos em formato 144p
  • [] - Deve renderizar frames em tempo real em elemento canvas
  • [] - Deve gerar arquivos WebM a partir de fragmentos

• [] - Encodar em 360p e 720p
• [] - Fazer encoding/decoding track de áudio
• [] - Fazer também upload de track de áudio
• [] - Concatenar o arquivo final no servidor em um arquivo só
• [] - Corrigir problema do Webm de não mostrar a duração do video
• [] - Corrigir a responsividade do site
• [] - Tentar usar outros muxers
  • https://github.com/Vanilagy/webm-muxer
  • https://github.com/Vanilagy/mp4-muxer

• Reuni todos os links em referências

• Tire suas dúvidas sobre os desafios em nossa comunidade, o objetivo é você aprender de forma divertida. Surgiu dúvidas? Pergunte por lá!

• Ao completar qualquer um dos desafios, envie no canal #desafios da comunidade no Discord

• browser-sync está lançando erros no Windows e nunca inicializa:
  • Solução: Trocar o browser-sync pelo http-server.
    1. instale o http-server com npm i -D http-server
    2. no package.json apague todo o comando do browser-sync e substitua por npx http-server .
    3. agora o projeto vai estar executando na :8080 então vá no navegador e tente acessar o http:https://localhost:8080/ A unica coisa, é que o projeto não vai reiniciar quando voce alterar algum código, vai precisar dar um F5 na página toda vez que alterar algo

• Web Streams - conceito mais importante da aula
• Stream - processamento sob demanda

Resumo:

• Baixa um arquivo MP4 sob demanda, que pode ser gigante
• Demultiplexa com o MP4box, para obter informações do arquivo e quebrá-lo em fragmentos
• Encoda cada fragmento com o Videoencoder, pra transformar esse fragmento de alta resolução para baixa resolução
• Multiplexa cada fragmento, para gerar pequenos vídeos do WEBM
• Faz o upload dos fragmentos em WEBM, para o servidor receber esses arquivos e pode fazer esse pós processamento para juntar os fragmentos em um só
• Decoda cada fragmento com o Videodecoder para renderizar o vídeo transformando em um elemento html conforme ele for sendo processado

https://transform.tools/json-to-jsdoc