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. Wie man Nano verwendet | Kommandozeilen-Texteditor

    In diesem Video stellt Jay GNU nano vor, einen beliebten Befehlszeilen-Texteditor, der in den meisten Linux-Distributionen enthalten ist.
  2. Bildmerkmale Tim von Tech With Tim und der Text Facial Recognition App

    Erstellen Sie eine App, die Ihr Gesicht erkennen kann | Tech With Tim OpenCV Python App

    @TechWithTim beschreibt, wie man ein Programm zur Gesichtserkennung in Python mit einem Modul namens open cv und Gesichtserkennung erstellt.
  3. Die Vielseitigkeit von WebAssembly mit Gardiner Bryant, Titelbild.

    Die Vielseitigkeit von WebAssembly | Die 5 wichtigsten Sprachen, die Sie mit WASM überall einsetzen können

    In diesem Video spricht @gardiner_bryant über die fünf wichtigsten Sprachen, die in der Cloud bereitgestellt und in WebAssembly (WASM) kompiliert werden können.

  4. Python Web App von Grund auf Runde 2 mit Justin Mitchel!

    In dieser Fortsetzung von Python Web App From Scratch Series, lehrt Justin Konzepte, die Ihre Web-App auf die nächste Stufe bringen werden.
Zurück Weiter