Upload Video in React and Next.js with Progress Bar, Custom Button, and ImageKit

Upload Video in React and Next.js with Progress Bar, Custom Button, and ImageKit

ByteGrad via YouTube Direct link

00:00 Demo

1 of 13

1 of 13

00:00 Demo

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Upload Video in React and Next.js with Progress Bar, Custom Button, and ImageKit

Automatically move to the next video in the Classroom when playback concludes

  1. 1 00:00 Demo
  2. 2 02:05 Client-side vs Server-side uploading
  3. 3 02:42 Input type=file
  4. 4 03:10 Next.js SDK from ImageKit
  5. 5 07:21 Upload video
  6. 6 07:54 Video optimization webm, quality
  7. 7 08:17 Custom upload button
  8. 8 09:40 Upload progress bar
  9. 9 10:57 Validation max file size, file types
  10. 10 12:00 Display video on page
  11. 11 12:37 Manipulate video change width
  12. 12 14:07 webm-format
  13. 13 14:18 ABS Adaptive Bitrate Streaming - HLS m3u8 streaming next video!

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.