Avançar para o conteúdo principal
Ver todos os produtos
Calcular
Armazenamento
Trabalho em rede
Bases de dados
Serviços
Ferramentas do desenvolvedor
Indústrias
Preços
Comunidade
Envolva-se Conosco
Explorar Conteúdo
Série
15
  1. Como Visto na TFIR
    56
  2. Nuvem Simplificada
    56
  3. Construção de Códigos
    37
  4. Cloud DIY (Do it Yourself)
    51
  5. HackerSploit
    32
  6. No boletim informativo do Nó
    44
  7. Laboratórios Learnk8s
    8
  8. Linode Kubernetes com Leme
    11
  9. OpenAI versus projeto
    9
  10. Arredondamentos de Parceiros
    26
  11. Super Utilizador
    162
  12. Tech With Tim Série para principiantes de Linux
    14
  13. Terraformando Kubernetes
    6
  14. Top Docs
    75
  15. Experimente o IaC
    5
Apresentando
38
  1. Alexis Ahmed (HackerSploit)
    33
  2. Andrew Burke
    1
  3. Austin Gil
    21
  4. Billy Thompson
    14
  5. Brandon Hopkins
    25
  6. Chris Nesbitt-Smith
    2
  7. Chris Psaltis
    1
  8. Code with Harry
    31
  9. Code with Tomi
    13
  10. Daniele Polencic
    2
  11. Darcy Declute
    1
  12. David Burgess
    16
  13. David Flanagan
    1
  14. Florian Walther
    1
  15. Gardiner Bryant
    60
  16. James Steel
    26
  17. Jay LaCroix
    76
  18. Jay Lyman
    1
  19. Jérôme Petazzoni (Tiny Shell Script)
    11
  20. Jose Portilla
    1
  21. Josh | KeepItTechie
    21
  22. Justin Mitchel
    29
  23. Kevin Cunningham
    1
  24. Lana Lux
    5
  25. Liam Eagle
    2
  26. Mauricio “Salaboy” Salatino
    2
  27. Mike Jung
    3
  28. Nelson Djalo
    6
  29. Salman Iqbal
    3
  30. Sam Hawley
    2
  31. Sid Palas
    10
  32. Swapnil Bhartiya
    50
  33. Talia Nassi
    1
  34. Tech with Tim
    27
  35. TechHut
    9
  36. Veronica
    1
  37. Walt Ribeiro
    17
  38. zSecurity
    1
Tipos de conteúdo
7
  1. Testemunhos de Clientes
    37
  2. Livros electrónicos
    15
  3. Email Newsletters
    44
  4. Resumo do projeto
    1
  5. Pesquisa
    5
  6. Vídeos
    1
  7. Webinars
    29
Categorias
13
  1. Visão Geral da Nuvem
    19
  2. Calcular
    52
  3. Contentores (Kubernetes, Docker)
    107
  4. Bases de dados
    27
  5. Ferramentas do desenvolvedor
    147
  6. Linode
    45
  7. Linux
    80
  8. Multicloud
    3
  9. Trabalho em rede
    14
  10. Código Aberto
    16
  11. Rede Parceiro
    40
  12. Segurança
    57
  13. Armazenamento
    25
Para ver vídeos do YouTube incorporados, tem de ter os cookies de "desempenho" activados nas suas preferências de cookies.
ConteúdoSuper UtilizadorConstrua a sua própria plataforma de streaming de vídeo | É mais fácil do que você poderia pensar!

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

Neste vídeo, @CodeWithHarry ensina-nos a criar um sítio Web de transmissão de vídeo utilizando HTML, CSS e next.js. Ele também explica como usar o Linode Object Storage para armazenar vídeos e transmitir vídeos diretamente do Object Storage Bucket para o nosso navegador usando HTML, CSS e Javascript.

Capítulos:
0:00 O que faremos neste vídeo
0:30 Criar projeto next.js
1:38 Adicionar CSS do Tailwind ao projeto next.js
5:08 Criar componente de barra de navegação
7:00 Use chatGPT para codificar a barra de navegação
7:40 Construir a base da barra de navegação
10:00 Converter código do ChatGPT para código React
13:15 Remover código do ChatGPT
13:36 Alterar texto da barra de navegação
14:30 Criar watch.js
16:30 Criar módulo de upload de vídeo
20:00 Criar Tag de Upload de Ficheiros
22:30 Criar Módulo Assistir Vídeos
23:45 Criar Object Storage Bucket no Linode
25:00 Criar React File Uploader
26:25 Criar API
28:15 Teste API
30:10 Instalar Formidable e S3-SDK
30:30 Compilar upload.js
32:10 Desabilite o bodyparser no next.js
32:50 Utilize o Formidable para analisar formulários
36:20 QA upload.js
39:20 Criar list.js
43:12 Conectar ao Front End
44:20 Preencher a página de visualização com cartões de vídeo
49:10 Conectar a página de upload a API
55:00 Corrigir o tamanho máximo do ficheiro a carregar
56:00 Exibir vídeos carregados na página de exibição
1:03:50 Criar player na página de exibição
1:10:50 Carregar e testar o player
1:14:40 Mudar o botão de download para um ícone
1:16:50 Conclusão

Novo na Linode? Comece aqui com um crédito de $100!
Saiba mais sobre o streaming de vídeo na Linode.
Assista a outro tutorial de aplicativo de streaming de vídeo.
Inscreva-se para ser notificado sobre novos episódios assim que eles forem lançados.

#VideoStreaming #objectstorage #codewithharry
Produtos: Linode, Object Storage, Video Streaming; @CodeWithHarry

Pode também gostar...

  1. Adicionando paginação offset ao nosso projecto Remix com Prisma e SQL

    Neste vídeo, aprenderemos como adicionar páginas aos resultados de pesquisa na nossa base de dados de animais de estimação usando Paginação com SQL e Prisma.

  2. Crie facilmente o seu próprio clone escalável do Dropbox com Object Storage

    Neste vídeo, Code with Harry explica como criar seu próprio clone escalável do Dropbox usando o acessível Object Storage da Linode.
  3. Honestamente, a infraestrutura como código torna as coisas mais simples e fáceis, com Pavel Despot e Rob Hirschfeld.

    Honestamente, a infraestrutura como código torna as coisas mais simples e fáceis

    Neste vídeo, Pavel Despot, gerente de marketing de produtos da Akamai, e Rob Hirschfeld, cofundador e CEO da RackN, compartilham suas opiniões sobre a IaC (infraestrutura como código), especialmente do ponto de vista de um fornecedor.

  4. Alojar Múltiplos Websites com ServerWand | One-Click Install

    ServerWand é um painel de controlo mágico para a gestão de websites e servidores. Aloja vários sites num único servidor, gere aplicações, firewall, bases de dados, backups, utilizadores do sistema, trabalhos cron, SSL e correio electrónico com uma interface intuitiva.
Prev Próximo