Skip to main content
View All Products
Compute
Storage
Databases
Networking
Developer Tools
Delivery
Security
Services
Industries
Pricing
Community
Engage With Us
Explore Content
Series
18
  1. As Seen on TFIR
    53
  2. Cloud Simplified
    54
  3. Craft of Code
    62
  4. DIY Cloud
    52
  5. HackerSploit
    32
  6. In the Node Newsletter
    38
  7. Insights from Partner Events
    15
  8. Learnk8s Labs
    4
  9. Linode Kubernetes with Helm
    11
  10. MSP Spotlights
    4
  11. Open for Business
    12
  12. OpenAI Versus Project
    9
  13. Partner Roundups
    18
  14. Super User
    155
  15. Tech With Tim Linux Beginners Series
    14
  16. Terraforming Kubernetes
    6
  17. Top Docs
    75
  18. Try IaC
    5
Featuring
48
  1. Alexis Ahmed (HackerSploit)
    33
  2. Andrew Burke
    1
  3. Austin Gil
    18
  4. Billy Thompson
    15
  5. Blair Lyon
    12
  6. Brandon Hopkins
    25
  7. Chris Nesbitt-Smith
    2
  8. Chris Psaltis
    1
  9. Code with Harry
    28
  10. Code with Tomi
    13
  11. Daniele Polencic
    2
  12. Darcy Declute
    1
  13. David Burgess
    16
  14. David Flanagan
    1
  15. Florian Walther
    1
  16. Gardiner Bryant
    59
  17. James Steel
    31
  18. Jay LaCroix
    76
  19. Jay Lyman
    1
  20. Jérôme Petazzoni (Tiny Shell Script)
    11
  21. Jose Portilla
    1
  22. Josh | KeepItTechie
    19
  23. Justin Mitchel
    29
  24. KellyAnn Fitzpatrick
    1
  25. Kevin Cunningham
    1
  26. Kyle "Kyjorei" Reid
    1
  27. Lana Lux
    5
  28. Liam Eagle
    3
  29. Matt Berk
    1
  30. Mauricio “Salaboy” Salatino
    2
  31. Melanie Posey
    1
  32. Mike Jung
    3
  33. Mike Maney
    2
  34. Ned Bellavance
    3
  35. Nelson Djalo
    6
  36. Nicole Henderson
    1
  37. Owen Rogers
    1
  38. PJ Metz
    1
  39. Salman Iqbal
    3
  40. Sam Hawley
    2
  41. Sid Palas
    9
  42. Swapnil Bhartiya
    48
  43. Talia Nassi
    1
  44. Tech with Tim
    27
  45. TechHut
    9
  46. Veronica
    1
  47. Walt Ribeiro
    18
  48. zSecurity
    1
Content Types
8
  1. Brochures & One-Pagers
    3
  2. Customer Stories
    62
  3. Ebooks
    18
  4. Email Newsletters
    38
  5. Infographics
    4
  6. Research
    7
  7. Videos
    530
  8. Webinars
    28
Categories
14
  1. Cloud Consulting Services
    14
  2. Cloud Overviews
    28
  3. Compute
    54
  4. Containers (Kubernetes, Docker)
    106
  5. Databases
    27
  6. Developer Tools
    148
  7. Linode
    45
  8. Linux
    81
  9. Multicloud
    6
  10. Networking
    16
  11. Open Source
    19
  12. Partner Network
    55
  13. Security
    56
  14. Storage
    21

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. Is WASM the Next Wave in Cloud Computing? featuring Gardiner Bryant.

    Is WASM The Next Wave in Cloud Computing? | Write in Your Language, Deploy in WebAssembly

    In this video, Gardiner explains Web Assembly, or simply WASM, an emerging pillar of cloud computing, and talks about it's benefits.

  2. Deploying a Simple Python Web Server

    In this video, we'll talk about creating a Flask application using Python and hosting it on our Linux machine.
  3. Gardiner Bryant explains how DevOps Engineers use CI/CD to build better software faster.

    How DevOps Engineers Use CI/CD to Build Better Software Faster

    In this video, Gardiner explains CI/CDs. A powerful practice employed by DevOps teams to automate and accelerate app development.
  4. Harry from the YouTube Channel CodeWithHarry holding a clipboard with the text Google Form From Scratch.

    Google Forms Replacement From Scratch | Create and Deploy From Scratch

    @CodeWithHarry explains how to create a Google Form clone using HTML, CSS, and JavaScript in MySQL. Follow along to create and deploy your own Google Forms replacement App.
Prev Next