Build an INSANE Twitch Clone | Flutter Live Streaming App with Backend | Agora
Build a Live Streaming App - Twitch Clone using Flutter, Firebase, Agora & Golang for Android, iOS, Web and MacOS.
Source Code: https://github.com/RivaanRanawat/flut...
Go Server Code: https://github.com/RivaanRanawat/flut...
Discord Server: / discord
Features:
Email & Password Authentication
Screensharing
Selecting Thumbnail
Going Live
Joining LiveStream
Switching Camera
Muting/Unmuting
Chatting
Cross Platform
Responsive UI
Token Generation using GO (Create Your API)
Deploy Server
Deploy Website
Timestamps:
(00:00:00) Intro
(00:00:25) Demo
(00:04:45) Prerequisites
(00:05:00) ScreenSharing
(00:07:00) Project Layout
(00:16:48) Routes
(00:18:58) Onboarding Screen UI
(00:29:09) Signup & Login Screen UI
(00:40:33) Firebase Setup
(00:46:51) Firebase iOS Setup
(00:50:25) Firebase Android Setup
(00:54:06) Signing Up Users
(01:15:00) Logging in Users
(01:21:38) Persisting Login State
(01:29:25) Designing Bottom NavBar
(01:37:41) Go Live Screen UI
(01:51:27) Picking Image from Gallery
(02:03:01) Fixing Memory Leaks & Adding Loaders
(02:05:39) Storing Livestream Data in Firebase
(02:25:54) Agora Android Setup
(02:28:45) Solving Firebase Livestream BUG
(02:31:16) Agora iOS Setup
(02:33:16) Initialising Agora
(02:34:36) Get Agora App ID
(02:41:07) Joining Channel
(02:45:25) Generating Agora Temporary Token
(02:46:44) Designing Broadcast Screen
(02:52:51) Leaving Channel
(03:03:12) Switching Camera
(03:05:55) Muting/Unmuting
(03:07:21) Realtime Chatting
(03:22:13) Installing GO
(03:23:50) Creating & Deploying API using GO
(03:30:30) Sending HTTP Request to our API
(03:36:49) Designing & Displaying Feed Screen
(03:47:19) Correcting Join Channel Bug
(03:49:36) Firebase & Agora Web Setup
(03:53:38) Making The App Responsive
(04:04:02) Adding End Stream Button
(04:10:15) Start Screensharing Functionality
(04:15:13) Stop Screensharing Functionality
(04:19:10) Firebase & Agora MacOS Setup
(04:23:40) Conclusion
(04:24:24) Deploy Web App
(04:26:38) Conclusion Part 2
Resources:
Agora Website: https://www.agora.io/
Go Lang Website: https://go.dev/dl/
FlutterFire CLI: https://firebase.flutter.dev/docs/cli
Colors: https://github.com/RivaanRanawat/flut...
Connect With Me Here:
Instagram: / optimalcoding
GitHub: https://github.com/rivaanranawat
Linkedin: / rivaan-ra. .
Facebook: / rivaan.ranawat
Mail: [email protected]
Medium: / namanrivaan
#flutter #firebase #go #twitch #ui
Смотрите видео Build an INSANE Twitch Clone | Flutter Live Streaming App with Backend | Agora онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Rivaan Ranawat 19 Март 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 54,273 раз и оно понравилось 905 людям.