Skip to main content
Voir tous les produits
Calcul
Stockage
Databases
Mise en réseau
Outils pour les développeurs
Diffusion
Sécurité
Services
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
    26
Catégories
13
  1. Aperçu des nuages
    19
  2. Calcul
    51
  3. Conteneurs (Kubernetes, Docker)
    107
  4. Databases
    27
  5. Outils pour les développeurs
    147
  6. Linode
    44
  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
    24

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. Créez facilement votre propre clone évolutif de Dropbox avec Object Storage

    Dans cette vidéo, Code with Harry explique comment créer votre propre clone évolutif de Dropbox à l'aide de la solution abordable de Linode Object Storage.

  2. Gestion des erreurs et de la sécurité dans les applications basées sur l'IA | Web Development With AI Episode 7

    Dans cette vidéo, Austin consacre du temps à la correction des bogues, à l'ajout d'une protection contre les acteurs malveillants et discute des vecteurs d'attaque spécifiques à l'IA.

  3. Odoo | La suite d'applications Open Source pour les entreprises

    Dans cette vidéo, @TechHut présente Odoo, une suite d'applications open-source pour vous aider à gérer et à diriger votre entreprise.
  4. OnlyOffice, la suite bureautique privée pour les entreprises Image de l'événement

    Créez votre propre suite d'applications bureautiques avec OnlyOffice | Tutoriel d'installation, de fonctionnalités et de déploiement

    Dans cette vidéo, @TechHut présente OnlyOffice, une suite logicielle en ligne qui gère la documentation et fonctionne sur votre propre serveur !
Préc. Suiv.