Zum Inhalt springen
Alle Produkte ansehen
Computing
Speicher
Netzwerk
Databases
Services
Entwicklertools
Branchen
Preise
Community
Treten Sie mit uns in engeren Kontakt
Inhalt erkunden
Serie
15
  1. Gesehen bei TFIR
    56
  2. Vereinfachte Cloud
    56
  3. Craft of Code
    37
  4. DIY Cloud
    51
  5. HackerSploit
    32
  6. Im Knotenpunkt-Newsletter
    44
  7. Learnk8s Labs
    8
  8. Linode Kubernetes mit Helm
    11
  9. OpenAI Versus Projekt
    9
  10. Partner-Roundups
    26
  11. Super-Benutzer
    162
  12. Tech With Tim Linux-Einsteiger-Serie
    14
  13. Terraforming von Kubernetes
    6
  14. Top Docs
    75
  15. IaC ausprobieren
    5
Mit
38
  1. Alexis Ahmed (HackerSploit)
    33
  2. Andrew Burke
    1
  3. Austin Gil
    21
  4. Billy Thompson
    14
  5. Brandon Hopkins
    25
  6. Chris Nesbitt-Smith
    2
  7. Chris Psaltis
    1
  8. Code with Harry
    31
  9. Code with Tomi
    13
  10. Daniele Polencic
    2
  11. Darcy Declute
    1
  12. David Burgess
    16
  13. David Flanagan
    1
  14. Florian Walther
    1
  15. Gardiner Bryant
    60
  16. James Steel
    26
  17. Jay LaCroix
    76
  18. Jay Lyman
    1
  19. Jérôme Petazzoni (Tiny Shell Script)
    11
  20. Jose Portilla
    1
  21. Josh | KeepItTechie
    21
  22. Justin Mitchel
    29
  23. Kevin Cunningham
    1
  24. Lana Lux
    5
  25. Liam Eagle
    2
  26. Mauricio “Salaboy” Salatino
    2
  27. Mike Jung
    3
  28. Nelson Djalo
    6
  29. Salman Iqbal
    3
  30. Sam Hawley
    2
  31. Sid Palas
    10
  32. Swapnil Bhartiya
    50
  33. Talia Nassi
    1
  34. Tech with Tim
    27
  35. TechHut
    9
  36. Veronica
    1
  37. Walt Ribeiro
    17
  38. zSecurity
    1
Content-Arten
7
  1. Kundenreferenzen
    37
  2. Ebooks
    15
  3. E-Mail-Newsletter
    44
  4. Projektbeschreibung
    1
  5. Forschung
    5
  6. Videos
    1
  7. Webinare
    29
Kategorien
13
  1. Cloud Übersichten
    19
  2. Computing
    52
  3. Container (Kubernetes, Docker)
    107
  4. Databases
    27
  5. Entwicklertools
    147
  6. Linode
    45
  7. Linux
    80
  8. Multicloud
    3
  9. Netzwerk
    14
  10. Open Source
    16
  11. Partner-Netzwerk
    40
  12. Sicherheit
    57
  13. Speicher
    25
Um eingebettete YouTube-Videos sehen zu können, müssen Sie in Ihren Cookie-Einstellungen"Performance"-Cookies aktiviert haben.
InhaltSuper-BenutzerErstellen Sie Ihre eigene Video-Streaming-Plattform | Es ist einfacher, als Sie denken!

Erstellen Sie Ihre eigene Video-Streaming-Plattform | Es ist einfacher, als Sie denken!

In diesem Video zeigt uns @CodeWithHarry, wie man eine Video-Streaming-Website mit HTML, CSS und next.js erstellt. Er erklärt auch, wie man Linode Object Storage zum Speichern von Videos und zum Streamen von Videos direkt vom Object Storage Bucket in unseren Browser mit HTML, CSS und Javascript verwendet.

Kapitel:
0:00 Was wir in diesem Video tun werden
0: 30 next.js-Projekt erstellen
1: 38 Hinzufügen von Tailwind-CSS zum next.js-Projekt
5:08 Navbar-Komponente erstellen
7:00 ChatGPT zum Codieren der Navigationsleiste verwenden
7:40 Navbar-Grundlage erstellen
10:00 Code von ChatGPT in React-Code umwandeln
13: 15 ChatGPT-Code entfernen
13:36 Navbar-Text ändern
14: 30 watch.js erstellen
16:30 Video-Upload-Modul erstellen
20:00 Datei-Upload-Tag erstellen
22:30 Modul "Videos ansehen" erstellen
23:45 Object Storage Bucket bei Linode erstellen
25:00 React Datei-Uploader erstellen
26:25 Erstellen API
28:15 Testen API
30:10 Formidable und S3-SDK installieren
30:30 Upload.js erstellen
32:10 bodyparser in next.js deaktivieren
32:50 Formidable zum Parsen von Formularen verwenden
36:20 QA upload.js
39:20 list.js erstellen
43: 12 Mit dem Frontend verbinden
44:20 Watch-Seite mit Videokarten bestücken
49:10 Upload-Seite verbinden mit API
55:00 Maximale Dateigröße für den Upload festlegen
56: 00 Hochgeladene Videos auf der Beobachtungsseite anzeigen
1:03:50 Player auf Beobachtungsseite erstellen
1:10: 50 Player hochladen und testen
1:14:40 Download-Schaltfläche in Icon ändern
1:16:50 Schlussfolgerung

Neu bei Linode? Starten Sie hier mit einem $100-Guthaben!
Erfahren Sie mehr über Video-Streaming auf Linode.
Sehen Sie sich ein weiteres Video Streaming App Tutorial an.
Abonnieren Sie, um über neue Episodeninformiert zu werden, sobald sie erscheinen.

#Videostreaming #Objektspeicher #codewithharry
Produkt: Linode, Objektspeicher, Videostreaming; @CodeWithHarry

Das könnte Sie auch interessieren...

  1. Harry aus dem YouTube-Kanal Code with Harry neben den Logos von NGINX, Django und uWSGI, die sich unter dem Text Deploy Scalable Apps befinden.

    Wie man skalierbare Django-Apps mit uWSGI und NGINX bereitstellt | Code mit Harry

    In diesem Video zeigt @CodeWithHarry, wie man eine Django-Anwendung auf Linode mit NGINX und uWSGI bereitstellt, um skalierbare Software zu erstellen.

  2. Erstellen von Qwik-Komponenten und Integration von KI-Bilderzeugung | Webentwicklung mit KI Ep 6

    In diesem Video konzentriert sich Austin auf die Erstellung von Qwik-Komponenten und die Arbeit mit der OpenAI API für die KI-Bilderzeugung.

  3. Schnelle Authentifizierung von Benutzern mit FastAPI und Token-Authentifizierung

    In dieser Serie über API Authentifizierung erklärt Tim, wie man eine authentifizierte API mit Python und FastAPI erstellt.
  4. Das Bild zeigt Harry von Code with Harry und den Text build a dictionary app, zusammen mit den HTML5-, CSS- und Javascript-Logos.

    Code With Harry erstellt eine Wörterbuch-App mit React und Apache | Ubuntu Server-App-Bereitstellung

    @CodeWithHarry zeigt, wie man eine Wörterbuch-App mit React als Frontend zusammen mit einem öffentlichen Wörterbuch programmiert API.
Zurück Weiter