Create la vostra piattaforma di streaming video | È semplicissimo!
@CodeWithHarry ci insegna come creare un sito web di streaming video utilizzando HTML, CSS e next.js. Ci spiega anche come utilizzare Linode Object Storage per memorizzare i video e trasmetterli in streaming direttamente dall'Object Storage Bucket al nostro browser utilizzando HTML, CSS e Javascript.
Capitoli:
0:00 Cosa faremo in questo video
0:30 Creare il progetto next.js
1:38 Aggiungere il CSS di Tailwind al progetto next.js
5:08 Creare il componente navbar
7:00 Utilizzare chatGPT per codificare la navbar
7:40 Costruire le fondamenta della navbar
10:00 Convertire il codice di ChatGPT in codice React
13:15 Rimuovere il codice ChatGPT
13:36 Cambiare il testo della navbar
14:30 Creare watch.js
16:30 Creare il modulo di caricamento video
20:00 Creare il tag per il caricamento dei file
22:30 Creare il modulo Watch Videos
23:45 Creare un bucket di archiviazione a oggetti su Linode
25:00 Creare il caricatore di file React
26:25 Creare API
28:15 Test API
30:10 Installare Formidable e S3-SDK
30:30 Creare upload.js
32:10 Disabilitare il bodyparser in next.js
32:50 Utilizzare Formidable per analizzare i moduli
36:20 QA di upload.js
39:20 Creare list.js
43:12 Connettersi al front-end
44:20 Popolare la pagina di osservazione con le schede video
49:10 Collegare la pagina di caricamento a API
55:00 Correggere la dimensione massima del file caricato
56:00 Visualizzare i video caricati nella pagina di visualizzazione
1:03:50 Creare un lettore nella pagina di osservazione
1:10:50 Caricare e testare il lettore
1:14:40 Cambiare il pulsante di download in icona
1:16:50 Conclusione
Nuovo su Linode? Iniziate qui con un credito di 100 dollari!
Ulteriori informazioni sullo streaming video su Linode.
Guarda un altro tutorial sull'applicazione di streaming video.
Iscrivetevi per essere avvisati dei nuovi episodi non appena vengono pubblicati.
#VideoStreaming #objectstorage #codewithharry
Prodotti: Linode, archiviazione oggetti, streaming video; @CodeWithHarry
Ti potrebbe interessare anche...
-
Ingegneria dei prompt nello sviluppo web - Utilizzo di LangChain e modelli con OpenAI
Continuando la nostra serie sulla costruzione di applicazioni web che incorporano strumenti di intelligenza artificiale, Austin si addentra nel concetto di prompt engineering. -
Inviare e salvare dati con Remix - Costruire un'applicazione di database nel mondo reale
In questo video, tratteremo l'instradamento di Remix e l'invio di moduli con HTML e Javascript, nonché l'accesso ai dati, la convalida e il salvataggio. -
Lavorare con i modelli Django | Costruire un'applicazione Django Parte 3
In questo video sui modelli, @CodeWithTomi parlerà dell'uso dell'interfaccia di amministrazione e della registrazione dei modelli in admin.py. -
Observability Is Essentially The State Of Your Environment Justin Cobbett – Akamai
In this video, Akamai Product Marketing Manager Justin Cobbett, shares his insights on observability and what it means today.