Construye tu propia plataforma de streaming de vídeo | ¡Es más fácil de lo que imaginas!
En este vídeo, @CodeWithHarry nos enseña a crear un sitio web de streaming de vídeo utilizando HTML, CSS y next.js. También explica cómo utilizar Linode Object Storage para almacenar vídeos y transmitirlos directamente desde Object Storage Bucket a nuestro navegador utilizando HTML, CSS y Javascript.
Capítulos:
0:00 Qué haremos en este vídeo
0: 30 Crear el proyecto next.js
1:38 Añadir CSS de Tailwind al proyecto next.js
5: 08 Crear el componente navbar
7:00 Usar chatGPT para codificar la navbar
7:40 Construir la base de la navbar
10:00 Convertir código de ChatGPT a código React
13: 15 Eliminar el código de ChatGPT
13: 36 Cambiar el texto de la navbar
14: 30 Crear watch.js
16: 30 Crear módulo de carga de vídeo
20: 00 Crear etiqueta de carga de archivos
22: 30 Crear módulo Watch Videos
23: 45 Crear Object Storage Bucket en Linode
25: 00 Creación de React File Uploader
26: 25 Creación API
28: 15 Probar API
30: 10 Instalar Formidable y S3-SDK
30: 30 Construir upload.js
32:10 Desactivar bodyparser en next.js
32:50 Utilización de Formidable para analizar formularios
36: 20 Control de calidad de upload.js
39:20 Crear list.js
43:12 Conectar con el Front End
44:20 Rellenar la página Watch con tarjetas de vídeo
49:10 Conectar la página de carga a API
55:00 Corregir el tamaño máximo de archivo
56: 00 Mostrar vídeos cargados en la página Watch
1:03: 50 Crear reproductor en la página Watch
1:10: 50 Cargar y probar el reproductor
1:14: 40 Cambiar el botón de descarga por un icono
1:16: 50 Conclusión
¿Es nuevo en Linode? ¡ Empieza aquí con un crédito de 100 $!
Más informaciónsobre la transmisión de vídeo en Linode.
Ver otro tutorial de aplicación de streaming de vídeo.
Suscríbete para ser notificado de nuevos episodios a medida que salen.
#VideoStreaming #objectstorage #codewithharry
Producto: Linode, Object Storage, Video Streaming; @CodeWithHarry
También te puede gustar...
-
Gestión declarativa de la infraestructura de la nube con Terraform
Aprenda los principios fundamentales de la infraestructura declarativa en la nube con Terraform, y cómo empezar con Terraform y Linode. -
CRUD App ¡Continuación! BORRAR Creación de una aplicación completa con Prisma y Remix
En este vídeo, aprovecharemos la función de transición de Remix para crear interfaces de usuario optimistas y también cubriremos la operación CRUD que faltaba: Eliminar. -
Construir un blog en Linode Usando Tailwind CSS | Alternativa Bootstrap
En este vídeo, @CodeWithHarry te mostrará cómo programar y desplegar un blog utilizando Tailwind CSS, una alternativa a bootstrap. -
Explorando Redes Neuronales, LLMs y GPTs | Desarrollo Web con IA Generativa Ep4
En este episodio, Austin se toma un descanso de la codificación para ofrecer una mejor comprensión del funcionamiento de herramientas de IA como las redes neuronales, los LLM y los GPT.