#29 React Native Custom Media Controls | Play, Pause, Progress, Duration, 15 Sec. Backward Forward
#reactnative #techwithmuskan #video #videos #rncrashcourse #display #displayvideo #showvideos #appdevelopment #uidesign #playback #media #controls #playbackmedia #mediacontrols #orientation #fullscreen #play #pause #progress
Hi, This video is for show custom video media controls like Play, Pause buttons, Backward & Forward for 15 seconds, Progress bar like youtube with duration and current time in your application with React Native.
It will be a full series of React Native videos from beginner to advanced.
If you like my work. Please like, share and subscribe to support me.
If you want to follow my tutorials with source code then select an appropriate branch and clone repo.
🔗 Important Links:-
Source Code:- https://github.com/techwithmuskan/MyF...
Branch Name:- tutorial-#29
I always prefer to check official document for implementation. You can also check below links:
React Native Slider :- https://www.npmjs.com/package/@react-...
React Native Orientation Locker :- https://www.npmjs.com/package/react-n...
🧠 Concept Covered:
React Native Custom Media Controls
Show Video in Landscape Mode
Show Play Pause Button
Use Forward & Backward for 15 seconds
Progress Bar with Duration
⏰ Time Stamps:
00:01 Introduction and PPT
00:57 Understand in VS Code
01:59 Show Video in Landscape Mode
06:30 Show Play Pause Button
08:45 Use Forward & Backward for 15 seconds
10:48 Progress Bar with Duration
15:25 Final Demo of all Media Controls
🌍 You can find me here:
Medium: / techwithmuskan
Github: https://github.com/techwithmuskan/
Twitter: / techwithmuskan
Facebook: / techwithmuskan
Instagram: / techwithmuskan
Linkedin: / muskanj4in
Music credit:-
Royalty Free Music from bensound.com