Saat kita sedang merasa lesu atau ingin mendengarkan rilis terbaru dari musik dangdut pantura, YouTube Music seringkali menjadi pilihan untuk mendengarkan musik melalui desktop. Alasannya adalah karena algoritma Google yang selalu mampu menyajikan rekomendasi yang sesuai dengan selera kita. Namun, ada satu hal yang menarik perhatian saya, mengapa YouTube Music tidak memiliki aplikasi native khusus untuk desktop?
Ketika menginstal YouTube Music di PC atau Mac, yang sebenarnya kita dapatkan adalah sebuah Progressive Web App (PWA). Ini berarti bahwa YouTube Music sejatinya hanyalah sebuah website yang “dibungkus” agar terlihat seperti aplikasi. Awalnya saya berpikir bahwa ini mungkin hanya karena keinginan Google untuk menghemat biaya pengembangan dengan membuat satu kode yang bisa berjalan di semua sistem operasi.
Namun, setelah melakukan analisis lebih mendalam terhadap source code melalui Inspect Element, saya menemukan bahwa alasan di balik keputusan ini jauh lebih kompleks daripada sekadar efisiensi biaya. Terdapat arsitektur video player yang unik di baliknya.
Berbeda dengan platform seperti Spotify atau Apple Music yang berfokus sebagai pemutar musik, YouTube Music memiliki tugas ganda sebagai pemutar musik dan video player yang terintegrasi dengan YouTube. Tantangannya adalah bagaimana membuat transisi dari audio ke video secara lancar dan tanpa buffering ulang.
Salah satu hal yang menarik dari struktur DOM YouTube Music adalah adanya pemisahan antara kontrol player dan tampilan media. Hal ini memungkinkan pengalaman pengguna terasa mulus meskipun berpindah halaman tanpa mereset status musik yang sedang diputar. Hal ini juga memungkinkan adanya pengelolaan state yang ketat untuk menangani perpindahan dari mode audio ke mode video.
Dengan pendekatan yang cerdas dalam implementasi PWA, YouTube Music membuktikan bahwa teknologi web saat ini sudah mampu menangani aplikasi seperti layaknya native app. Sebagai seorang developer, kita tidak hanya menempelkan elemen-elemen pada halaman web, tapi juga merancang orkestrasi yang tepat untuk menciptakan pengalaman pengguna yang seamless.YouTube Music telah memberikan contoh bagaimana teknologi PWA dapat dimanfaatkan secara optimal untuk menciptakan pengalaman pengguna yang mirip dengan aplikasi native.
