How Spotify's playback works under the hood скачать в хорошем качестве

How Spotify's playback works under the hood

In this DevTooling episode, we'll see how Spotify has built its frontend architecture with React, how it encrypts the audio playback with Encrypted Media Extensions API, how it uses the peer-to-peer network to optimize the playback, how it loads images lazily and uses Resource Hints to fetch fonts and stylesheets. Kudos to ‪@hnasr‬ for the great DevTooling series. I loved it a lot and thought about trying it out myself! Check out his channel for similar videos, more from the backend perspective :) ======⚡⚡⚡====== Consider supporting the channel by clicking the "Thanks" button ❤️ 👉 Get a 20% discount on Brilliant.org (to learn Science, Technology, Engineering, and Math): https://brilliant.sjv.io/kjVO2z ======⚡⚡⚡====== 🙌 Become my Patreon and get exclusive perks:   / softdevdiaries   💼 Follow me on LinkedIn and drop me a message if you'd like:   / gusgadirov   💻 Also, let's connect on GitHub: https://github.com/gusgad 📚 Resources: HTTP Caching Explained:    • Deep Dive into HTTP Caching: cache-control...   Encrypted Media Extensions: https://web.dev/media-eme Spotify's engineering blog: https://engineering.atspotify.com/202... Optimizing images with WebP and AVIF: https://www.smashingmagazine.com/2021... Resource Hints: https://www.keycdn.com/blog/resource-... 🕒 Timestamps: (0:00) Spotify's frontend architecture (4:36) How playback is optimized (8:46) The peer-to-peer network (12:57) Image lazy loading (15:07) Why not optimize asset loading? And don't forget to subscribe for more videos like this 😊