YouTube Animation | SwiftUI Tutorial

Learn how to create YouTube's custom wave 🌊 progress bar animation as seen on Android. If you've ever used an Android device, you'd see this on swiping down the notification panel to reveal the mini-player while a video or song is playing in the YouTube/YouTube Music apps. The complete source code including the music player is also available for download. Check the links below!

📥 Source code:
🔗   / youtube-116802268  
🔗 https://buymeacoffee.com/adsouza/e/33...

⏰ Timestamps:
00:00 Sneak peak
00:35 Create UI
09:45 Sample usage
10:50 Demo time!

📥 Checkout some of my other videos:
👉🏻 Netflix [ ▶ Next Episode ] Button:    • Netflix [ ▶ Next Episode ] Button | S...  
👉🏻 Isometric Animation:    • Isometric Animation using Shape & Ani...  
👉🏻 Scratch Card Effect with Shine, Haptics & CoreMotion (2024):    • Scratch Card Effect with Shine, Hapti...  
👉🏻 Duolingo Style 3D Buttons🦉:    • Duolingo Style 3D Buttons🦉 | SwiftUI ...  
👉🏻 Gemini 1.5 Flash⚡️Multimodal Chatbot:    • Gemini 1.5 Flash⚡️Multimodal Chatbot ...  
👉🏻 Zoom Navigation Transition on iOS 18:    • Zoom Navigation Transition on iOS 18 ...  
👉🏻 Get started with Gemini AI:    • Gemini AI on iOS with SwiftUI (Tutorial)  
👉🏻 Implement mult-turn chat (text prompts):    • Multi-turn Chat with Gemini AI on iOS...  
👉🏻 Implement multi-modal chat (text + image):    • Text & Image (multimodal) streaming C...  
👉🏻 Horoscope App with Gemini AI:    • Horoscope App with Gemini AI on iOS |...  
👉🏻 Murder Mystery Game powered by Gemini AI:    • Murder Mystery Game powered by Gemini...  
👉🏻 Storybook app powered by Gemini AI & Dall-E:    • Storybook app powered by Gemini AI & ...  
👉🏻 Chatbot in 15 mins on iOS using Firebase Gemini API Extension:    • Chatbot in 15 mins on iOS using Fireb...  
👉🏻 Multimodal Chatbot with Gemini using Vertex AI:    • Multimodal Chatbot with Gemini API us...  

✅ Consider SUBSCRIBING to the channel & giving this video a LIKE 👍🏼
🔗    / @swiftodyssey  
👉🏻 Click the BELL 🔔 icon to be notified of new content!

🌐 Follow me online:
🕸️ https://www.anupdsouza.com
🔗   / swift_odyssey  
👨🏻‍💻 https://github.com/anupdsouza

🎗️ Support:
☕️ BuyMeaCoffee: https://www.buymeacoffee.com/adsouza
🤝 Patreon:   / adsouza  
🙏🏼 Thanks for watching

🎶 Music:
Music by Lidérc from Pixabay

Rooftop by Alex-Productions | https://onsound.eu/
Music promoted by https://www.free-stock-music.com
Creative Commons / Attribution 3.0 Unported License (CC BY 3.0)
https://creativecommons.org/licenses/...

Komorebi by | e s c p | https://www.escp.space
https://escp-music.bandcamp.com

Synthetic by | e s c p | https://www.escp.space
https://escp-music.bandcamp.com

🏷️ Tags: #ios #swiftui #netflix #swiftuianimation #wwdc #youtube #chatgpt4 #chatgptanimation #wwdc24 #apple #ios #swift #swiftui #xcode #xcode13 #xcode14 #xcode15 #swifttutorial #swiftuitutorial #swiftbasics #swiftuibasics #swiftexample #swiftuiexample #uikit #uikitbasics #uikittutorial #swiftuianimation #tech #uikitanimation #animation #iosapp #mobilegame #swiftcode #iosappdevelopment #mobileappdevelopment #mobileapplications #mobileapps #mobile #developer #development #programming #programmingbasics #intermediateprogramming #advancedprogramming #swiftprogramming #swiftuiprogramming #design #uikitprogramming #code #coding #beginnerprogramming #ui #ux #beginner #intermediate #advanced #tutorial #iostutorial #programmingtutorial #codingtutorial #applicationdevelopment #objectivec #macos #macosdevelopment #macappdevelopment #iphone #iphoneappdevelopment #iphonedevelopment #iphoneos #ipados #iOS13 #iOS14 #iOS15 #iOS16 #iOS17 #iphone13 #iphone14 #iphone15 #iphonexr #iphoneplus #iphonepromax #iphonese #iphonepro #ipad #ipadmini #ipadpro #ipadair #simulator