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