Apple Music Replay has a new look to show the 2022 retrospective to users. The function is only available for the web version of the streaming, but it gained a dynamic design to show the most listened artists and songs throughout the year.
Similar to what Spotify already does with Wrapped, Replay is more interactive, displaying categories, highlighting artists, albums and showing the total minutes of songs listened to. In the app, it is possible to listen to the playlist that brings together the most played songs throughout the year, but this display similar to Instagram or Snapchat stories is, in fact, restricted to the web.
The experience itself, however, works on mobile devices, as each category is viewed vertically — but you have to open it through your mobile browser. Each interactive page features animations and transitions with user-relevant music playing in the background.
After viewing all the carousel data, you can scroll down to see the featured sections with even more detail on your top artists, albums and playlists. There are also estimates that Apple will create a link to the web page in the listen now and browse tabs already present in the app.
wfd-invisible=”true”>#wrapperApp {-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.23);-moz-box-shadow: 0px 0px 5px 1px rgba(0,0, 0,0.23);box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.23);padding: 5px;background-color: white;display: flex;height:155px;}#appImagem {width: 25% ;} #appLogo {width: 154px;height: 154px;}#appDetalhes {flex-grow: 1;padding-left:1px;}#name {font-size:150%;}#price, #developer, #size { font-size:80%;}#links{flex-grow: 1;padding-left:50px;}.storeImg {width: 35px;height: 35px;margin-right:3px;vertical-align:middle;}.storeImgWindows {width: 27px;height: 27px;margin-left:3px;padding-right:6px;vertical-align:middle;}.lojasdivs {margin: 5px;margin-bottom:10px;}.lojalinkmobile {margin-right: 6px ;}.lojas {margin-right:6px;margin-top:1px;}#lojasmobile{display:none;} @media only screen and (max-device-width: 480px) { #wrapperApp {height:auto;}# appDetalhes {padding-left:42px;}#lojasmobile {display:block;}#lojalinkmobile {font-size:85%}#nome {pading-bottom:4px;margin-bottom:4p x;font-size:110%;}#price, #developer, #size {display:none;}.stores{display:none;}.lojaImg {width: 19px;height: 19px;}.lojaImgWindows{width: 19px ;height: 17px;}#appLogo { width: 115px;height: 125px;} }
class=”darkreader darkreader–sync” media=”screen” wfd-invisible=”true”>
