Skip to main content
Voir tous les produits
Calcul
Stockage
Mise en réseau
Databases
Services
Outils pour les développeurs
Industries
Tarification
Communauté
Engagez-vous avec nous
Explorer le contenu
Série
15
  1. Vu sur TFIR
    56
  2. Cloud simplifié
    56
  3. L'art du code
    37
  4. DIY Cloud
    51
  5. HackerSploit
    32
  6. Dans la lettre d'information In The Node
    44
  7. Laboratoires Learnk8s
    8
  8. Linode Kubernetes avec Helm
    11
  9. OpenAI Versus Project
    9
  10. Tour d'horizon des partenaires
    26
  11. Super utilisateur
    162
  12. Tech With Tim Série Linux pour les débutants
    14
  13. Création d'une plateforme Kubernetes
    6
  14. Top Docs
    75
  15. Essayer l'IaC
    5
Sur le site
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
Types de contenu
7
  1. Témoignages clients
    37
  2. Livres électroniques
    15
  3. Bulletins d'information par courriel
    44
  4. Fiche de projet
    1
  5. Recherche
    5
  6. Vidéos
    1
  7. Webinaires
    29
Catégories
13
  1. Aperçu des nuages
    19
  2. Calcul
    52
  3. Conteneurs (Kubernetes, Docker)
    107
  4. Databases
    27
  5. Outils pour les développeurs
    147
  6. Linode
    45
  7. Linux
    80
  8. Multicloud
    3
  9. Mise en réseau
    14
  10. Source ouverte
    16
  11. Réseau de partenaires
    40
  12. Sécurité
    57
  13. Stockage
    25
Pour voir les vidéos YouTube intégrées, vous devez activer les cookies de "performance" dans vos préférences en matière de cookies.
ContenuSuper UtilisateurCréez votre propre plateforme de streaming vidéo - C'est plus facile que vous ne le pensez !

Créez votre propre plateforme de streaming vidéo - C'est plus facile que vous ne le pensez !

Dans cette vidéo, @CodeWithHarry nous apprend à créer un site web de streaming vidéo en utilisant HTML, CSS et next.js. Il explique également comment utiliser Linode Object Storage pour stocker des vidéos et diffuser des vidéos directement depuis le Bucket Object Storage dans notre navigateur à l'aide de HTML, CSS et Javascript.

Chapitres :
0:00 Ce que nous allons faire dans cette vidéo
0:30 Créer le projet next.js
1:38 Ajouter le CSS Tailwind au projet next.js
5:08 Créer le composant navbar
7:00 Utiliser chatGPT pour coder la barre de navigation
7:40 Construire la fondation de la barre de navigation
10:00 Convertir le code de ChatGPT en code React
13:15 Supprimer le code ChatGPT
13:36 Modifier le texte de la barre navale
14:30 Créer watch.js
16:30 Créer le module de téléchargement vidéo
20:00 Créer la balise de téléchargement de fichiers
22:30 Création du module Watch Videos
23:45 Créer Object Storage Bucket chez Linode
25:00 Créer React File Uploader
26:25 Créer API
28:15 Test API
30:10 Installer Formidable et S3-SDK
30:30 Construire upload.js
32:10 Désactiver le bodyparser dans next.js
32:50 Utiliser Formidable pour analyser les formulaires
36:20 QA upload.js
39:20 Créer list.js
43:12 Se connecter à l'interface utilisateur
44:20 Remplir la page Watch avec des cartes vidéo
49:10 Connecter la page de téléchargement à API
55:00 Fixer la taille maximale du fichier téléchargé
56:00 Afficher les vidéos téléchargées sur la page de surveillance
1:03:50 Créer un lecteur sur la page de veille
1:10:50 Télécharger et tester le lecteur
1:14:40 Remplacer le bouton de téléchargement par une icône
1:16:50 Conclusion

Nouveau sur Linode ? Commencez ici avec un crédit de 100 $ !
Ensavoir plus sur le streaming vidéo sur Linode.
Regardez un autre tutoriel sur l'application de streaming vidéo.
Abonnez-vous pour être informé des nouveaux épisodes dès leur sortie.

#VideoStreaming #objectstorage #codewithharry
Produit : Linode, Object Storage, Streaming vidéo ; @CodeWithHarry

Vous pourriez aussi aimer...

  1. Déploiement d'un jeu en ligne multijoueurs - Guide étape par étape avec Tech With Tim

    Dans le dernier épisode de cette série, Tim montre comment connecter la base de données et déployer le jeu sur un serveur d'Akamai.
  2. Memos : Un système de prise de notes open source pour les développeurs, avec Brandon Hopkins

    Memos : Un système de prise de notes Open Source pour les développeurs | Déploiement de Docker

    Dans cette vidéo, @TechHut présente Memos, une application de prise de notes personnalisable qui peut être auto-hébergée sur Docker et Akamai Connected Cloud.
  3. L'image représente Harry de la chaîne YouTube - Code with Harry - à côté du texte Blog with Tailwind.

    Construire un blog sur Linode en utilisant Tailwind CSS | Bootstrap Alternative

    Dans cette vidéo, @CodeWithHarry vous montrera comment programmer et déployer un blog en utilisant Tailwind CSS, une alternative à bootstrap.

  4. Déploiement et démonstration d'Easypanel | Un panneau de contrôle de serveur moderne basé sur Docker

    Dans cette vidéo, @KeepItTechie explore Easypanel, un panneau de gestion alimenté par Docker qui aide à déployer des applications, des bases de données et des certificats SSL !
Préc. Suiv.