Create la vostra piattaforma di streaming video | È semplicissimo!
In questo video, @CodeWithHarry ci insegna come creare un sito web di streaming video utilizzando HTML, CSS e next.js. Spiega inoltre come utilizzare Linode Object Storage per memorizzare i video e trasmetterli in streaming direttamente da 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 Object Storage Bucket 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 sulla pagina di osservazione
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, Object Storage, Streaming video; @CodeWithHarry
Ti potrebbe interessare anche...
-
Produzione vs. Sviluppo | Python Web App da zero Round 2-3 con Justin Mitchel
Nella seconda parte di questa serie Python Web App From Scratch, Justin insegna concetti intermedi che porteranno la vostra web app al livello successivo. -
Come distribuire un'applicazione SaaS Django scalabile partendo da zero
In questa nuova serie, @TechWithTim spiega come costruire un'applicazione SaaS in Django. In questo episodio, Tim imposta il progetto e crea i modelli HTML. -
Lancio di un'app alimentata dall'intelligenza artificiale su un server privato virtuale | Sviluppo web con l'intelligenza artificiale Episodio 8
Per concludere la nostra serie, @heyAustinGil guida gli spettatori attraverso il processo di distribuzione di un'applicazione potenziata dall'intelligenza artificiale su un server di Akamai Cloud. -
Collegare Remix al database con Prisma - Costruire un'applicazione di database nel mondo reale
In questo video daremo un'occhiata al sistema di routing di Remix, dimostreremo come funziona il caricamento dei dati sul lato server e client e altro ancora.