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...
-
Costruire e utilizzare le API per le applicazioni Android Sviluppo full-stack con Flask, SQL e Android Studio
In questo video, Harry mostra come creare API utilizzando Flask e SQL, configurare un server e creare un'applicazione Android con Android Studio. API e costruire un'applicazione Android con Android Studio. -
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. -
Nuovi episodi dei programmi di difesa degli sviluppatori
Guarda DIY Cloud, SuperUser, Top Docs, Cloud Simplified e altro ancora. -
Gestione degli errori e della sicurezza nelle applicazioni alimentate dall'intelligenza artificiale | Sviluppo web con l'intelligenza artificiale Episodio 7
In questo video, Austin si dedica alla correzione dei bug, all'aggiunta di una protezione dai malintenzionati e alla discussione dei vettori di attacco specifici dell'intelligenza artificiale.