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...
-
Python Web App From Scratch Series | Parte 1-5 Con Justin Mitchel
En la Parte 1 de esta serie sobre la configuración de una aplicación web Python desde cero, cubriremos la configuración simple y las recomendaciones para empezar. -
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. -
Nuevas oportunidades beta e introducción a las funciones sin servidor
Acceso anticipado a nuevos centros de datos, servicios y mucho más. -
WGER Workout Manager: aloja tu propia aplicación gratuita de código abierto para el seguimiento de la actividad física
En este vídeo, @TechHut repasa la aplicación de código abierto wger, una aplicación de fitness impulsada por la comunidad que puedes alojar tú mismo.