Construa a sua própria plataforma de streaming de vídeo | É mais fácil do que você poderia pensar!
@CodeWithHarry ensina-nos como criar um site de streaming de vídeo usando HTML, CSS, e next.js. Ele também explica como usar Linode Object Storage para armazenar vídeos e transmitir vídeo directamente do Object Storage Bucket para o nosso navegador, usando HTML, CSS e Javascript.
Capítulos:
0:00 O que vamos fazer neste vídeo
0:30 Criar o próximo projecto.js
1:38 Adicionar CSS Tailwind ao projecto next.js
5:08 Criar componente navbar
7:00 Usar o chatGPT para codificar a barra de navegação
7:40 Construir fundações de navbar
10:00 Converter código do ChatGPT para Código de Reacçã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 carregamento de vídeo
20:00 Criar Tag de Carregamento de Ficheiros
22:30 Criar Módulo Watch Videos
23:45 Criar Balde de Armazenamento de Objectos em Linode
25:00 Criar um Carregador de Ficheiros de Reacção
26:25 Criar API
28:15 Teste API
30:10 Instalar o Formidable e S3-SDK
30:30 Construir upload.js
32:10 Desactivar bodyparser em next.js
32:50 Utilizar formulários formidáveis para analisar
36:20 QA upload.js
39:20 Criar lista.js
43:12 Ligar ao Front End
44:20 Página de Relógio Populacional com Cartões de Vídeo
49:10 Ligar Página de Carregamento a API
55:00 Corrigir Upload Tamanho Máximo de Ficheiro
56:00 VisualizaçãoVídeos carregados na página de visualização
1:03:50 Criar Player on Watch Page
1:10:50 Upload e Test 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.
Veja outro tutorial de aplicação de streaming de vídeo.
Subscreva para ser notificado de novos episódios à medida que estes saem.
#VideoStreaming #objectstorage #codewithharry
Produto: Linode, armazenamento de objectos, streaming de vídeo; @CodeWithHarry