Starfield Multifunctional Music Player

What this?

Another small .html project initially planned to be an integral part of the external map helper, but for now standalone. It provides a music player to play, well, music from various sources of your choice, as well as direct links to three major streaming providers for easy and convenient log in. The feature list includes:

1. desktop music player to play music you can import from anywhere on your computer
2. embedded widget playlists from either Deezer or Spotify
3. direct links to Amazon Music, Spotify and Deezer for convenient log in
4. saving your import profiles to local browser storage
5. provides support for .mp3, .ogg and .wav(unverified)

But why?

To be honest, this time because I can. In FO4 for example, up until just recently, I'd still prefer the ingame pip boy radio where you are allowed to easily replace music files with mods. But this may very well change now that I got comfortable with the Steam browser and all the other many and very convenient functions in the Steam in game overlay.

For example, a Journal Mod that high skilled authors had to laboriously build for FO4 as well as Skyrim due to the nature and difficulty coding/working with action script and flash tools, are rendered completely obsolete for me personally in Starfield, due to how powerful the Steam integrated note widget is. It supports all sorts of extra gimmicks like any standard bb/html writer, and you can even sticky it to your screen. Only thing really missing is a hotkey to toggle the pin or transparency which would basically render it the one Journal "Mod" to rule them all. I hope the devs at Steam will at one point import this.

But I'm actually digressing. So long story short, I always hassled with the inconvenience on how you had to set up music in all various games, and with this little utility it's as easy as three simple clicks on a button, and intergrating it into any browser that comes to mind.

How was it done?

Well, the page is client side only and supposed to be used offline. So everything is achieved via simple .css style, .java scripting, and general .html5 page structure. Most of the code blocks I already had available from my Map Helper project, and I basically just had to copy paste it and reconfigure slightly to serve my needs. The visual elements, like icons, and the background are direct links to various sources, for example the icon images for the online streamers are linked from their Wiki page and/or home page.

How to use?

I think the whole "app" is self explanatory. Refer to the screenshot to figure how it's done. To import music from the desktop you just press the import button, and then import all the audio files you like. Preferably .mp3. You can then play all the files in the order you've imported them, or you can play a single file by clicking directly on the imported file name in the left lower list. You can clear the import list, and you can stop all music in the player.

The Deezer, respectively Spotify "widget" is standalone, and you can actually have both running at the same time(the desktop player and one of the streaming services). In order to stream the music to the widget box you just have to log in to the service via provided direct url links, turn your playlists into embedable widgets, click the Starfield icon to open the widget source tabs, copy the link of your playlist into the tabs and then hit the "Toggle Playlist" button. From there the widget acts like a standard music player you're familiar with on Spotify and Deezer.

The Amazon music player unfortunately does not have that capacity because Jeff orders the prohibition of any communication whatsoever. I still provide a direct link, because Amazon music is actually the only service I am using given I also have a couple of Alexas here at home.

Are there any limits or issues?

Yes. During testing, and you can actually see that in the video I provided, I figured that only .mp3, .ogg, and .wav are working for the desktop player. .wmv files and a couple of other rare audio files do not work, and the desktop player will simply refuse to start the audio file.

There is also going to be a bunch of nasty error and warning reports in the console log of your browser. But that is something I have absolutely no capacity to change or fix, because it happens either due to the way Spotify and Deezer are providing their widget code, or because my "web page" is not an actual internet domain. Regardless of that the utility is fully functional. Just don't bugger me because of those error reports unless you've found a way to fix it.

How to install?

There is no install. Just unpack the .zip to any place, preferably with .7z, then build a link to your desktop and start it.

If you are using Vortex or MO2 I can't really help you, because while I have tons of experience with installing "regular" mods via MO2, I don't know what to do with simple zipped .html pages in MO2 or Vortex. Hence why manual installation, as in "manual download" and just unpack to any place, is recomended.

I want to report a bug!

Use the comment section.