16 | //
17 | //
18 | // Hello Vite!
21 | //
22 | //
23 | //
24 | // 25 | // Click on the Vite logo to learn more 26 | //
27 | //
16 | //
17 | //
18 | // 25 | // Click on the Vite logo to learn more 26 | //
27 | // => state.darkMode ? '/media/banner-dark.svg' : '/media/banner-light.svg'})
146 | Hi there!
157 | 158 |Before we can get started with your rewind, you'll have to log into your Jellyfin server.
159 |Ideally, your server is reachable over the internet and via secure HTTPS, but even if not, there are ways to enjoy your Rewind.
160 |Let's get started!
161 | 162 |Hi there!
199 | 200 |If you're looking for this year's Jellyfin Rewind, you'll have to wait a little longer. Jellyfin Rewind 2024 will launch on December 31st, 2024 (if all goes well).
201 |In order to prepare for the launch, make sure your Playback Reporting plugin is installed and set up properly.
202 | 203 | 204 |If you want to review your stats from last year, you can now import your old report for viewing. The media itself probably won't load, but everything else should be there!
205 | 206 |Because Jellyfin Rewind is web-based and (for now at least) not available as a plugin, it might be a bit tricky to get your browser to communicate with your Jellyfin server. The problem is that browsers won't allow "insecure" requests (HTTP) from a "secure" website (HTTPS), or requests from a non-private context (website not within your network) to a private context (Jellyfin server accessed over a local IP address within your network).
236 | ${() => window.location.protocol === `https:` ? html` 237 |Make sure that your Jellyfin server is accessible via HTTPS. If your server is only available via regular HTTP, try going to http://jellyfin-rewind-http.chaphasilor.xyz
238 | ` : null} 239 |So make sure you're not using a local IP address (starts with 192.168.) or mDNS hostname (something like jellyfin.local). If you use something like Tailscale as your VPN, you could use your server's Tailscale IP address.
240 |Therefore, if you're unsure what your Jellyfin server is using, but your Jellyfin server is accessible over the internet, simply use the first link (http)!
241 |If your server is NOT accessible over the internet, you could self-host the Jellyfin Rewind website on your local network, for example on the same server that is running Jellyfin. For that, check out the GitHub releases page and either download the zip-archive or use the provided Docker image. The zip-archive will need to be extracted into a folder that is served by a web server, like Apache or Nginx. The Docker image will need a to have port 80 exposed instead.
242 |Jellyfin doesn't save any information about played tracks other than the number of times they were played. This means that things like the total playtime are only an approximation. It also means that it is not possible to limit the data to a specific time frame, like ${import.meta.env.VITE_TARGET_YEAR} only!
266 |However, if you have the "Playback Reporting" plugin installed, significantly more information can be collected, such as the date and durations of each playback. This results in better stats, although it isn't perfect either. Playback reporting depends on applications properly reporting the current playback states, and currently most music players that are compatible with Jellyfin seem to struggle with this in one way or another. Especially offline playback is challenging, because the players have to "simulate" the playback after the device reconnects to the server.
267 |Still, the best solution is to install the Playback Reporting plugin into your Jellyfin server if you haven't done so already. It won't take longer than 2 minutes, so why not do it right now? (You'll have to be logged in as an admin user.)
268 | ${() => state.server.url !== `` ? html` 269 | Open Plugins Page! 270 | ` : html` 271 | 278 | ` 279 | } 280 |By default, the Playback Reporting plugin only stores the last 3 months worth of playback data, so you definitely want to change that in the settings. I'd suggest keeping at least the last two years, just to be safe. The button below will take you directly to the settings page.
281 | ${() => state.server.url !== `` ? html` 282 | Open Playback Reporting Settings! 283 | ` : html` 284 | 291 | ` 292 | } 293 |For more information about the Playback Reporting plugin, you can visit its entry in the official Jellyfin Docs.
294 |I will try to again offer a way to import ${() => state.rewindReport?.year}'s Rewind data into Jellyfin Rewind ${() => state.rewindReport?.year+1}, so that more information can be used and the used data can be properly limited to the current year only.
295 |If you're using Finamp's beta version, you can easily export your offline plays to a file, and then import that file here into Jellyfin Rewind. Just follow these steps:
318 |Once you're ready, click the button below, and then click the "Import Offline Playback History" button and select the file you just exported
326 | 331 |I'll try to make this less complicated next year...
332 |There was an error while connecting to the server.
357 |${err.toString()}
358 | 359 |Type in the web address (URL) of your Jellyfin server in the field below.
379 |If you don't know the URL, you can open your Jellyfin app, open the menu/sidebar and click on "Select Server". It should display your server's URL and you can easily copy it!
380 |That worked, amazing!
419 |Now, select the user account you want to see the Rewind for.
420 | 421 | 422 | => user.PrimaryImageTag ? `${state.auth.config.baseUrl}/Users/${user.Id}/Images/Primary?tag=${user.PrimaryImageTag}` : `/media/ArtistPlaceholder.png`})
440 | ${user.Name}
441 | ${err.toString()}
486 |${err.toString()}
502 |It seems like the Playback Reporting plugin isn't set up correctly.
682 |The following problem was detected:
683 |${() => state.playbackReportingInspectionResult?.issue}
687 | ${() => state.playbackReportingInspectionResult?.action} 688 |Almost there!
714 |Please enter your credentials to log into your server.
Your password will only be sent to your server.
Have an existing Jellyfin Rewind report?
782 |You can import it to take another look!
783 |Importing, please wait a few seconds...
812 | ` : html` 813 | 819 | ` 820 | } 821 | ` 822 | } 823 |Your Rewind Report has been imported and is ready to view!
835 |We noticed you've been using Finamp's beta version to listen to music.
863 |Finamp keeps track of your playback history even when you're not connected to your server, and you can now import that history!
864 |Imported plays will only be added to the Playback Reporting addon's database, but can then used to generate a more accurate Rewind report for you in the following steps.
865 |Make sure to only import this once!
866 |Importing, please wait a few seconds...
900 | ` : html` 901 |Already imported your offline plays or don't have any?
902 | 908 | ` 909 | } 910 |You can now import last year's Jellyfin Rewind report, if you have one.
924 |This will give you more, and more reliable, statistics about your listening activity.
925 |Importing, please wait a few seconds...
951 | ` : html` 952 | 958 | 959 | ${() => !state.auth.config.user.isAdmin ? html` 960 | 966 | ` : null} 967 | 968 | ` 969 | } 970 | ` : html` 971 | 983 | ` 984 | } 985 |
995 | Your Rewind Report is now generating. This might take a few seconds.
1056 |Please be patient, and if nothing happens for more than 30s, reach out to me via GitHub so that I can look into it :)
1057 |Welcome back, ${() => state.auth.config?.user?.name}!
1112 |${() => 1113 | !state.staleReport ? 1114 | html` 1115 | Your Rewind Report is still saved. You can view it any time you like. 1116 | ` : html` 1117 | The stored Rewind report is stale. Please re-generate it for the best experience. 1118 | ` 1119 | }
1120 |