Construa sua própria plataforma de streaming de vídeo | É mais fácil do que você poderia pensar!

@CodeWithHarry nos ensina como criar um site de streaming de vídeo usando HTML, CSS e next.js. Ele também explica como usar o Linode Object Storage para armazenar vídeos e streaming de vídeo diretamente do Object Storage Bucket para nosso navegador, usando HTML, CSS e Javascript.

Capítulos:
0:00 O que estaremos fazendo neste vídeo
0:30 Criar o próximo projeto.js
1:38 Adicionar CSS Tailwind ao próximo projeto.js
5:08 Criar componente navbar
7:00 Use o chatGPT para codificar a barra de navegação
7:40 Construir fundação navbar
10:00 Converter código do ChatGPT para Código de Reação
13:15 Remover o Código ChatGPT
13:36 Alterar o texto da barra de navegação
14:30 Criar relógio.js
16:30 Criar módulo de upload de vídeo
20:00 Criar a Tag de Carregamento de Arquivos
22:30 Criar módulo Watch Videos
23:45 Criar balde de armazenamento de objetos na Linode
25:00 Criar Carregador de Arquivos de Reação
26:25 Criar API
28:15 Teste API
30:10 Instalar o Formidable e S3-SDK
30:30 Construir upload.js
32:10 Desabilitar bodyparser no próximo.js
32:50 Utilizar formulários formidáveis para analisar
36:20 QA upload.js
39:20 Criar lista.js
43:12 Conectar ao Front End
44:20 Página de Relógio Populacional com Cartões de Vídeo
49:10 Conectar Página de Upload a API
55:00 Fix Upload Tamanho máximo de arquivo
56:00 ExibiçãoVídeos carregados na página de exibição
1:03:50 Criar Player on Watch Page
1:10:50 Upload e Teste Player
1:14:40 Mudar Botão de Download para Ícone
1:16:50 Conclusão

É novo na Linode? Comece aqui com um crédito de 100 dólares!
Saiba mais sobre a transmissão de vídeo em Linode.
Assista a outro tutorial do aplicativo de streaming de vídeo.
Assine para ser notificado de novos episódios à medida que eles saem.

#VideoStreaming #objectstorage #codewithharry
Produto: Linode, armazenamento de objetos, fluxo de vídeo; @CodeWithHarry

Ferramentas para desenvolvedores