Skip to main content
View All Products
Compute
Storage
Networking
Databases
Services
Developer Tools
Industries
Pricing
Community
Engage With Us
Explore Content
Series
15
  1. As Seen on TFIR
    56
  2. Cloud Simplified
    56
  3. Craft of Code
    37
  4. DIY Cloud
    51
  5. HackerSploit
    32
  6. In the Node Newsletter
    44
  7. Learnk8s Labs
    8
  8. Linode Kubernetes with Helm
    11
  9. OpenAI Versus Project
    9
  10. Partner Roundups
    26
  11. Super User
    162
  12. Tech With Tim Linux Beginners Series
    14
  13. Terraforming Kubernetes
    6
  14. Top Docs
    75
  15. Try IaC
    5
Featuring
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 Types
7
  1. Customer Stories
    37
  2. Ebooks
    15
  3. Email Newsletters
    44
  4. Project Brief
    1
  5. Research
    5
  6. Videos
    1
  7. Webinars
    29
Categories
13
  1. Cloud Overviews
    19
  2. Compute
    52
  3. Containers (Kubernetes, Docker)
    107
  4. Databases
    27
  5. Developer Tools
    147
  6. Linode
    45
  7. Linux
    80
  8. Multicloud
    3
  9. Networking
    14
  10. Open Source
    16
  11. Partner Network
    40
  12. Security
    57
  13. Storage
    25
In order to see embedded YouTube videos, you must have "performance" cookies enabled in your cookie preferences.
ContentSuper UserBuild Your Own Video Streaming Platform | It’s Easier Than You Might Think!

Build Your Own Video Streaming Platform | It’s Easier Than You Might Think!

In this video, ​@CodeWithHarry teaches us how to create a video streaming website using HTML, CSS, and next.js. He also explains how to use Linode Object Storage to store videos and stream video right from the Object Storage Bucket into our browser using HTML, CSS and Javascript.

Chapters:
0:00 What We’ll Be Doing In This Video
0:30 Create next.js project
1:38 Add Tailwind CSS to next.js project
5:08 Create navbar component
7:00 Use chatGPT to code navbar
7:40 Build navbar foundation
10:00 Convert code from ChatGPT to React Code
13:15 Remove ChatGPT Code
13:36 Change navbar text
14:30 Create watch.js
16:30 Create Video Upload Module
20:00 Create File Upload Tag
22:30 Create Watch Videos Module
23:45 Create Object Storage Bucket at Linode
25:00 Create React File Uploader
26:25 Create API
28:15 Test API
30:10 Install Formidable and S3-SDK
30:30 Build upload.js
32:10 Disable bodyparser in next.js
32:50 Utilize Formidable to Parse Forms
36:20 QA upload.js
39:20 Create list.js
43:12 Connect to the Front End
44:20 Populate Watch Page with Video Cards
49:10 Connect Upload Page to API
55:00 Fix Upload Max File Size
56:00 DisplayUploaded Videos on Watch Page
1:03:50 Create Player on Watch Page
1:10:50 Upload and Test Player
1:14:40 Change Download Button to Icon
1:16:50 Conclusion

New to Linode? Get started here with a $100 credit!
Learn more about Video Streaming on Linode.
Watch another video streaming app tutorial.
Subscribe to get notified of new episodes as they come out.

#VideoStreaming #objectstorage #codewithharry
Product: Linode, Object Storage, Video Streaming; @CodeWithHarry

You might also like…

  1. Django URL and Static Files featuring Tomi

    Django App Part 2 – URLs, Templates, and Static Files

    In this video, @CodeWithTomi will cover how to Run a Python server, create URLs, views, and static files in our Django app.

  2. Git & Version Control | Python App From Scratch With Justin Mitchel

    In part 3 of 5 of this series on setting up a Python Web App from scratch, Justin Mitchel covers Git basics, Version Control, and more.
  3. Featured image for the Terraforming Kubernetes: From Code to Deployed Serverless webinar which features Justin Mitchel, whose picture is also displayed on the image next to a sign up button.

    Learn how to Terraform Kubernetes

    Now available: Four-part training series on moving from code to deployed serverless.

  4. How to Build a Client and Game Interface for an Online Multiplayer Game | Episode 2-3

    In part 2 of our Game Development series, Tim shows us how to build the client to handle server connections.
Prev Next