Zum Inhalt springen
Alle Produkte ansehen
Computing
Speicher
Datenbanken
Netzwerk
Entwicklertools
Bereitstellung
Sicherheit
Services
Branchen
Preise
Community
Treten Sie mit uns in engeren Kontakt
Inhalt erkunden
Serie
15
  1. Gesehen bei TFIR
    54
  2. Vereinfachte Cloud
    54
  3. Craft of Code
    52
  4. DIY Cloud
    51
  5. HackerSploit
    32
  6. Im Knotenpunkt-Newsletter
    39
  7. Learnk8s Labs
    4
  8. Linode Kubernetes mit Helm
    11
  9. OpenAI Versus Projekt
    9
  10. Partner-Roundups
    26
  11. Super-Benutzer
    159
  12. Tech With Tim Linux-Einsteiger-Serie
    14
  13. Terraforming von Kubernetes
    6
  14. Top Docs
    75
  15. IaC ausprobieren
    5
Mit
39
  1. Alexis Ahmed (HackerSploit)
    33
  2. Andrew Burke
    1
  3. Austin Gil
    19
  4. Billy Thompson
    14
  5. Brandon Hopkins
    25
  6. Chris Nesbitt-Smith
    2
  7. Chris Psaltis
    1
  8. Code with Harry
    30
  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
    59
  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
    20
  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. Mike Maney
    2
  29. Nelson Djalo
    6
  30. Salman Iqbal
    3
  31. Sam Hawley
    2
  32. Sid Palas
    10
  33. Swapnil Bhartiya
    49
  34. Talia Nassi
    1
  35. Tech with Tim
    27
  36. TechHut
    9
  37. Veronica
    1
  38. Walt Ribeiro
    18
  39. zSecurity
    1
Content-Arten
6
  1. Kundenreferenzen
    52
  2. Ebooks
    14
  3. E-Mail-Newsletter
    39
  4. Forschung
    5
  5. Videos
    509
  6. Webinare
    27
Kategorien
13
  1. Cloud Übersichten
    20
  2. Computing
    51
  3. Container (Kubernetes, Docker)
    106
  4. Datenbanken
    28
  5. Entwicklertools
    148
  6. Linode
    43
  7. Linux
    80
  8. Multicloud
    3
  9. Netzwerk
    14
  10. Open Source
    19
  11. Partner-Netzwerk
    42
  12. Sicherheit
    56
  13. Speicher
    22

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. Josh von KeepItTechie präsentiert Entwickeln mit Superinsight DB.

    Entwickeln mit Superinsight DB | Verarbeitung unstrukturierter Daten mit maschinellem Lernen

    @KeepItTechie erkundet Superinsight, eine relationale Datenbank zur Speicherung unstrukturierter Daten, die auf PostgreSQL basiert.
  2. Benutzerauthentifizierung in Django mit Tomi

    Datenbanken und Benutzerauthentifizierung in Django

    In diesem Video über Datenbanken und Benutzerauthentifizierung behandelt Tomi die Verwaltung der Benutzerauthentifizierung und das Erstellen von Benutzern.
  3. Das Bild zeigt Harry vom YouTube-Kanal - Code with Harry - neben dem Text Blog with Tailwind.

    Erstellen eines Blogs auf Linode mit Tailwind CSS | Bootstrap Alternative

    In diesem Video zeigt Ihnen @CodeWithHarry, wie Sie einen Blog mit Tailwind CSS, einer Alternative zu Bootstrap, programmieren und bereitstellen können.
  4. Web Assembly for Node Developers, Enhancing Functionality and Speed featuring Gardiner Bryant, featured image.

    Web Assembly für Node-Entwickler | Verbesserung von Funktionalität und Geschwindigkeit

    In diesem Video zeigt Gardiner, wie Node und WebAssemly zusammenarbeiten können, um eine bessere Leistung für Ihre Unternehmensanforderungen im großen Maßstab zu liefern.
Zurück Weiter