Print Page - Northern Lights

MusicBee & Add-Ons => Customizations => TheaterMode => Topic started by: paq on March 29, 2012, 01:49:25 AM

Title: Northern Lights
Post by: paq on March 29, 2012, 01:49:25 AM

Northern Lights
Current version: 1.2
Download: https://www.dropbox.com/sh/zylzbx57c7raka2/AAA9wJHGy2zHC-QpyinujOFga?dl=0

Tested with/optimized for: 1280x1024, 1920x1080
Should work fine for different ratios/resolutions as long as screen height is larger than 920 px

Fonts used: Dotum, Century Gothic, Raavi, Segoe UI
I think all fonts comes installed with Windows 7. Write here if you miss one and I'll see what I can do.

Notes:
* Elements does not scale since I had some difficulties getting it just right.
* The rating picture for tracks with a rating of "No stars" might throw you off a little bit at that size - but the stars look great!
* As a Screen Saver on multiple monitors it will default to being shown on monitor 1 with other monitors active. This can be changed in the settings file.

Changelog:
2014-12-15
* Updated Dropbox-links
2012-04-06, version 1.2
* Fix: Love icon would show in white for all non-loved tracks using latest version of Theater Mode.
2012-04-03, version 1.1
* Renamed the files so it's easy to add them to the Theater.List-folder.
* Year now uses the field "Year (yyyy)" so year will always be four digits.

Preview:
(https://www.dropbox.com/sh/391nk95vswywa23/AAAn3H0GmzTHjnCI7zInnsyra/800x640.jpg?raw=1&dl=0)

(https://www.dropbox.com/sh/391nk95vswywa23/AACyV1FDx4KA-YfnmZ1aEsvXa/800x450.jpg?raw=1&dl=0)

Title: Re: Northern Lights
Post by: Steven on March 29, 2012, 09:09:51 AM

i really like the way you have merged the spectrum visualiser into the center lighting and the rating done that way.
also even though you arent using scaling, it still works well on a smaller panel size

Title: Re: Northern Lights
Post by: Maleko12 on March 29, 2012, 07:25:39 PM

I have a 1366x768. It looks great... but the album cover cuts off some of the progress bar:

(http://i399.photobucket.com/albums/pp80/MalekoKBrown/Untitled-9.png)

However, you can click where the album cover is. I know you're not using scaling and you did say it's optimized for 920px or higher. How would I fix this in the .xml settings? I'm thinking of moving it to the bottom right corner.

Title: Re: Northern Lights
Post by: paq on March 30, 2012, 01:00:22 AM

@ Maleko12: Right now if you move the Album Cover the text around it (Album, Artist and Title) will follow along, so if you put it in the bottom right corner then Artist and Title might get cut off. Do you want Artist and Title to stay in left side of the screen or have them next to Album cover in the bottom right?

What you can do is to play around with the values on line 44 to change size (width and height) and position (x and y) of Album Cover in the settings file. You need to restart MB to see the settings take effect. Let me know if you want some help with that and I'll give it a shot!

Title: Re: Northern Lights
Post by: Maleko12 on March 30, 2012, 08:39:12 AM

Hello! Well I did some adjusting and made the x and y both to 200 and moved the x to 30 and the y to -325. Now the album art isn't covering the progress bar. Thanks for the tips. And with this, you don't need to make the album art move to the bottom right.

Title: Re: Northern Lights
Post by: Analien on March 30, 2012, 04:48:44 PM

Stunning! I'm not getting any stars though.

Title: Re: Northern Lights
Post by: paq on March 30, 2012, 06:03:03 PM

Quote from: Analien on March 30, 2012, 04:48:44 PM

Stunning! I'm not getting any stars though.

Are you using the latest version of Theater Mode? ( http://musicbee.niblseed.com/V2/TheaterMode_Plugin.zip ) In one version I couldn't either get the stars to show but that was resolved in the latest version. Make sure you have the latest version of MB as well, http://musicbee.niblseed.com/V2/MusicBee_Exe_Patched.zip

And of course, that your tracks have a rating :)

Title: Re: Northern Lights
Post by: Alexis on April 06, 2012, 06:28:35 PM

This is pretty cool stuff. I like how u have the progress bar going through the middle too.

Title: Re: Northern Lights
Post by: sugarcandy243 on June 07, 2013, 03:57:45 PM

Hi,
I just recently found MusicBee and I love it! Esp the theater mode is amazing. I use Northern Lights a lot and I just wanted to know is there any way to display a lyrics panel on the right like in the default XML? I would love to have a small square panel at the bottom right displaying scrollable lyrics.

Title: Re: Northern Lights
Post by: Ullus on June 08, 2013, 07:25:28 PM

The background is completely black for me, any idea why?

Title: Re: Northern Lights
Post by: psychoadept on June 08, 2013, 08:50:08 PM

Probably the background artwork file is in the wrong place. Where do you have it?

Title: Re: Northern Lights
Post by: Ullus on June 09, 2013, 10:30:08 AM

I had it in MusicBee\Plugins\TheaterMode.List\SharedArtwork, moved it to the same folder as the .xml file and now it works.

Title: Re: Northern Lights
Post by: psychoadept on June 09, 2013, 02:33:34 PM

Great, glad to hear it!

Title: Re: Northern Lights
Post by: Big Mons on December 15, 2014, 05:19:04 AM

I would like to download this, but the dropbox links says: Access to this link has been disabled. Is there anywhere else that I can get this? Perhaps someone that reads this has a copy that they can share. I like that it has a visualization in the view, a spectrum analyzer or something. TIA!

Title: Re: Northern Lights
Post by: paq on December 15, 2014, 05:35:21 PM

Quote from: Big Mons on December 15, 2014, 05:19:04 AM

I would like to download this, but the dropbox links says: Access to this link has been disabled. Is there anywhere else that I can get this? Perhaps someone that reads this has a copy that they can share. I like that it has a visualization in the view, a spectrum analyzer or something. TIA!

Hi! I didn't know the links were broken but I have updated them in the first post now so they should work. Enjoy!

Title: Re: Northern Lights
Post by: holuschi on December 16, 2014, 02:22:31 PM

Looks good, thank you

Title: Re: Northern Lights
Post by: Big Mons on December 18, 2014, 06:22:50 AM

Thank you for the updated link. It's working fine!

Title: Re: Northern Lights
Post by: psychoadept on January 30, 2016, 06:57:15 AM

I just redownloaded to be sure, but I'm getting an error message from this theater mode. The background shows up, and player controls at the top, but none of the other elements. Can anyone advise on fixing it?

(The error names "line 6, position 21")

Title: Re: Northern Lights
Post by: DrummRX on August 30, 2016, 10:08:27 AM

I love this Mode. I did some tweaking of the original with lyrics, duration and upcoming on it. I don't want to take your work. i just added some elements to it for my use. Is it ok to post the .xml code on here for others to have?

Title: Re: Northern Lights
Post by: bigfoot on April 10, 2017, 07:24:10 PM

I did some changes to this and I'm pretty happy with it except I would like to have the upcoming songs listed on the bottom right, I'm not sure how to do this, so if anyone could help I would appreciate it.

(https://www.dropbox.com/s/uy6xcl33a0nf7cj/screen1.jpg?dl=0)

Code

<?xml version="1.0" encoding="utf-8"?>
<root>
<!-- 
 Northern Lights 
 version 1.2

 A Theater Mode customization for MusicBee by paq
 http://getmusicbee.com/forum/index.php?topic=6069
 
 Copyleft – all rights reversed

-->
<settings enableScaling="false" />
<screenSaver>
  <settings idlePeriod="0" />
	<settings monitor="1" otherMonitors="active" />
</screenSaver>

<!-- 1. BACKGROUND -->

<!-- Spectrum Visualizer -->
<element type="SpectrumVisualiser" xAnchor="Panel.Left" x="-2" yAnchor="Panel.Center" y="-298" widthDock="Panel" heigthDock="Panel" width="4" height="300" fg="0,255,255,255" bdr="250,0,0,0"></element>

<!-- Big yellow stars for rating (and a ugly "No Stars"-symbol) --> 
<element type="Field" id="Rating" xAnchor="Panel.Right" x="-695" yAnchor="Panel.Center" y="-125" fg="50,255,255,0" size="140" ></element>

<!-- Sort Artist in the background, lower right -->
<element type="Field" id="Duration" xAnchor="Panel.Center" x="760" yAnchor="Panel.Top" y="-10" font="Century Gothic" style="Regular" size="70" fg="255,40,40,40" ></element> 

<!-- Year in the background, loweer left -->
<element type="Field" id="year (yyyy)" xAnchor="Panel.Left" x="-20" yAnchor="Panel.Top" y="-10" font="Century Gothic"  style="Regular" size="70" fg="255,40,40,40" ></element> 


<!-- 2. FOREGROUND -->

<!-- Interactive Player Bar -->
<element type="PlayerBar" xAnchor="Panel.Right" x="-330" yAnchor="Panel.Center" y="-26" width="240" height="28" bdr="60,60,60,60" bg="225,0,0,0" fg="245,245,245" fg2="160,160,160" ></element>

<!-- Progress Bar -->
<element type="ProgressBar"  xAnchor="Panel.Left" x="0" yAnchor="Panel.Center" y="2" widthDock="Panel" width="-2" height="1" bdr="0,0,0" fg="120,154,232,255" ></element>
<element type="ProgressButton" width="10" height="10" fg="245,245,245" style="Diamond"></element>

<!-- Album Cover -->
<element type="Picture" x="60" yAnchor="Panel.Bottom" y="-480" width="400" height="400" max="400" bdr="0,0,0,0" brightness="1.0" ></element> 

<!-- Album Rating followed by Album title -->
<element type="Field"  xAnchor="Picture.Left" x="-9" yAnchor="Picture.Bottom" y="8" font="Segoe UI" size="18" style="Regular" fg="235,235,235" widthDock="X:Picture.Right" width="5" >
  <child> </child>
  <child id="Album" />
</element>

<!-- DiscNo below Album title -->
<element type="Field" xAnchor="Picture.Left" x="0" yAnchor="Picture.Bottom" y="50" font="Segoe UI" style="Regular" size="7" fg="100,100,100" width="-5" widthDock="X:Picture.Right" align="left">
	<child></child>
	<child id="RatingAlbum" size="20" />
</element>

<!-- Song title followed by red heart if song is loved -->
<element type="Field"  xAnchor="Picture.Right" x="16" yAnchor="Picture.Bottom" y="-75" font="Dotum" style="Regular" size="31"  width="-10" widthDock="X:Panel.Right">
	<child id="Title" fg="245,245,245" />	
	<child> </child>
	<child id="RatingLove" fg="0,0,0,0" fg2="203,23,63" size="34" />
</element>

<!-- Artist -->
<element type="Field" id="Artist" xAnchor="Picture.Right" x="15" yAnchor="Picture.Bottom" y="-28" font="Raavi" style="Regular" size="21" fg="225,225,225" width="-10" widthDock="X:Panel.Right"></element>


<!-- www.oscarb.se -->
</root>

Title: Re: Northern Lights
Post by: bigfoot on April 10, 2017, 07:28:03 PM

Here is a screenshot...

https://www.dropbox.com/s/uy6xcl33a0nf7cj/screen1.jpg?dl=0 (https://www.dropbox.com/s/uy6xcl33a0nf7cj/screen1.jpg?dl=0)

Title: Re: Northern Lights
Post by: kubanito on June 07, 2017, 04:35:37 PM

I love this theme, but (yes, here comes the but) would it be possible to bring the year from the "background" to the foreground and place it smack in the middle under the album art in white numbers. If anybody knows how, I would greatly appreciate it. Thanks in advance.