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
510
  1. As Seen on TFIR
    17
  2. Cloud Simplified
    45
  3. Craft of Code
    60
  4. DIY Cloud
    51
  5. HackerSploit
    32
  6. In the Node Newsletter
    30
  7. Insights from Partner Events
    13
  8. Learnk8s Labs
    7
  9. Linode Kubernetes with Helm
    11
  10. Linode LIVE!
    15
  11. MSP Spotlights
    3
  12. Open for Business
    12
  13. Partner Roundups
    11
  14. Super User
    111
  15. Tech With Tim Linux Beginners Series
    14
  16. Terraform and Kubernetes
    4
  17. Top Docs
    71
  18. Understanding Kubernetes
    3
Featuring
414
  1. Alexis Ahmed (HackerSploit)
    33
  2. Andrew Burke
    1
  3. Austin Gil
    8
  4. Billy Thompson
    5
  5. Blair Lyon
    12
  6. Brandon Hopkins
    15
  7. Chris Psaltis
    1
  8. Code with Harry
    17
  9. Code with Tomi
    8
  10. Darcy Declute
    1
  11. David Burgess
    16
  12. Florian Walther
    1
  13. Gardiner Bryant
    49
  14. James Steel
    22
  15. Jay LaCroix
    72
  16. Jay Lyman
    1
  17. Jérôme Petazzoni (Tiny Shell Script)
    11
  18. Jose Portilla
    1
  19. Josh | KeepItTechie
    13
  20. Justin Mitchel
    16
  21. KellyAnn Fitzpatrick
    1
  22. Kyle "Kyjorei" Reid
    1
  23. Lana Lux
    5
  24. Liam Eagle
    3
  25. Mauricio “Salaboy” Salatino
    2
  26. Melanie Posey
    2
  27. Mike Jung
    3
  28. Mike Maney
    2
  29. Ned Bellavance
    3
  30. Nelson Djalo
    6
  31. Nicole Henderson
    1
  32. Nigel Poulton
    3
  33. Owen Rogers
    1
  34. PJ Metz
    1
  35. Salman Iqbal
    2
  36. Sam Hawley
    2
  37. Sid Palas
    7
  38. Swapnil Bhartiya
    17
  39. Tech with Tim
    21
  40. TechHut
    9
  41. Veronica
    1
  42. Walt Ribeiro
    17
  43. zSecurity
    1
Content Types
567
  1. Benchmarks
    3
  2. Brochures & One-Pagers
    3
  3. Customer Stories
    60
  4. Ebooks
    13
  5. Email Newsletters
    30
  6. Infographics
    4
  7. Research
    13
  8. Videos
    416
  9. Webinars
    24
  10. White Papers
    1
Categories
558
  1. Cloud Consulting Services
    14
  2. Cloud Overviews
    29
  3. Compute
    46
  4. Containers (Kubernetes, Docker)
    77
  5. Databases
    25
  6. Developer Tools
    105
  7. Linode
    33
  8. Linux
    76
  9. Multicloud
    5
  10. Networking
    14
  11. Open Source
    16
  12. Partner Network
    46
  13. Security
    52
  14. Storage
    20

In order to see embeded 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!

​@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. Load Balancing and custom domains | Python Web App From Scratch Round 2-2 With Justin Mitchel

    In Part 2 of this Python Web App From Scratch Series, Justin teaches intermediate concepts that will take your web app to the next level.

  2. Host Multiple Websites with ServerWand | One-Click Install

    ServerWand is a magical control panel for managing websites and servers. Host multiple sites on a single server, manage apps, firewall, databases, backups, system users, cron jobs, SSL and email with an intuitive interface.
  3. Portability in the Cloud: Best Practices for Building SaaS-Based Applications cover

    Portability in the Cloud: Best Practices for Building SaaS-Based Applications

    Learn about microservices, containers, serverless computing, and event-driven architecture, along with their benefits and best practices.

  4. Deploying a Django App to Linode | Jose Portilla Full Course Available

    In this video, instructor Jose Portilla shows how to deploy a Django application to a Linode server. The full course is available on Udemy.
Prev Next