Esse desafio para a vaga de Front-end Developer da Direção Concursos foi feito usando o Next.js e consistia em criar um player de vídeo. Aqui o deploy do site.
Siga esses passos no terminal para rodar o aplicativo:
$ cd .\direcao-concursos-desafio\
$ npm install
$ npm run dev
- Youtube API: Usada para pesquisar vídeos do Youtube e pegar o ID do vídeo escolhido.
- YTStream: Usada para converter um vídeo do Youtube em um MP4 e assim poder criar meu próprio player.
- Player com play, pause, stop e tela cheia;
- Volume que ao clicado aparece dois botões que aumenta ou diminui o som;
- Volume que muta o som;
- Barra de progresso de vídeo que pode ser usado para avançar ou voltar o vídeo quando clicado;
- Tempo de vídeo e duração do vídeo total;
- Playlist com todos os vídeos na categoria "animais", filtra por "cachorros" e "gatos";
- Botão "Pesquisar" que quando clicado abre um input onde o usuário pode digitar uma palavra e, quando clicar no botão "pesquisar" de novo, a playlist é atualizada com os vídeos que possuem a palavra pesquisada.