Completed
Download the Assets from Github
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
Create Your Own Video Streaming Site by Creating a Custom React.js App
Automatically move to the next video in the Classroom when playback concludes
- 1 Introduction
- 2 Prerequisites
- 3 Create App Directories
- 4 Run npm init
- 5 Install Dependencies
- 6 Create the Assets Directory
- 7 Download the Assets from Github
- 8 Add the First Video to Assets
- 9 Create app.js
- 10 Testing the App in Dev
- 11 Begin Work on the Frontend
- 12 Start the React App
- 13 What’s Next?
- 14 Implement Bootstrap
- 15 Install react-router-dom
- 16 Create the Home View
- 17 Running Through home.js
- 18 Create the Player View
- 19 Running Through player.js
- 20 Make Adjustments to app.js
- 21 Tie Frontend Requests to the Server
- 22 Tie Videos to the Frontend
- 23 Create Video Thumbnails
- 24 Dynamically Serve Videos in Chunks
- 25 Quick Recap
- 26 Install FFMPEG
- 27 Adding Captions
- 28 Create A Caption Endpoint
- 29 Style Our App
- 30 Create Header and Footer Components
- 31 Conclusion