getmusicbee.com

MusicBee & Add-Ons => Customizations => TheaterMode => Topic started by: endeavour1934 on September 29, 2012, 12:05:27 AM

Title: XBox Music Style
Post by: endeavour1934 on September 29, 2012, 12:05:27 AM
I've just made this simple config based on the new XBox Music "Now Playing" interface.

They use the standard Segoe UI fonts from Windows 8/8.1/10. Previous versions of Windows may be missing the Segoe UI Light font.
Lyrics hidden by default. A small icon will appear on the player controls if there are lyrics available.

(https://dl.dropbox.com/u/10773406/Screenshots/XBMS1-Color.jpg)

(https://dl.dropbox.com/u/10773406/Screenshots/XBMS1-Mono.jpg)


--------------------------------------------------------------------------

XBox Music Style 2.0 (https://castelo.io/files/xb2.zip)

(http://img.imgur.com/3N2gJa1.jpg)
Title: Re: XBox Music Style
Post by: beeing good on September 29, 2012, 03:13:20 AM
Very nice, thanks!
Title: Re: XBox Music Style
Post by: lnminente on September 29, 2012, 11:59:24 AM
(It's for 1920x1080 screens)
Title: Re: XBox Music Style
Post by: endeavour1934 on September 29, 2012, 05:19:17 PM
It works better with high res displays, yes. But it sould look good even at 1600x900.
Title: Re: XBox Music Style
Post by: Steven on September 29, 2012, 05:43:04 PM
yes i agree it looks great and i have a 1600x900 screen
Title: Re: XBox Music Style
Post by: SimonBRT on September 29, 2012, 11:08:26 PM
not on 1366x768  :( !!
Title: Re: XBox Music Style
Post by: endeavour1934 on September 30, 2012, 07:53:03 PM
Updated version with smaller elements for smaller displays (Original version was designed for 2560x1600)

See first post :D
Title: Re: XBox Music Style
Post by: endeavour1934 on October 09, 2012, 09:43:51 PM
Updated again  :P
Title: Re: XBox Music Style
Post by: silasje1 on October 10, 2012, 04:21:00 PM
Great stuff!
Title: Re: XBox Music Style
Post by: Bee-liever on October 11, 2012, 03:01:23 PM
I like!! Very minimalist  :)
Title: Re: XBox Music Style
Post by: dgbx on October 11, 2012, 04:06:11 PM
Thank you for the work you did on these excellent Theatre Modes.  Great stuff!
Title: Re: XBox Music Style
Post by: mikebo on October 28, 2012, 03:51:48 AM
While i don't use theaterMode, i have to say i like this style a lot. Thanks for sharing.
Title: Re: XBox Music Style
Post by: ShawnS on February 24, 2013, 04:11:29 AM
This is wonderful! I have always loved the Xbox Music/Zune colors and style. Thank you! I have been tweaking it some on my own and was wondering if you know or found out how to alter the pink/purple color tiles image. I wanted to play with it and try a few different images of my own. I'm still very very new to how Music Bee themes and skin stuff are built.
Title: Re: XBox Music Style
Post by: kingB on May 03, 2013, 03:10:12 PM
love it
just that the lyrics button doesnt seem to work 4 me
i keep on clicking on that book icon, but it dosnt work
Title: Re: XBox Music Style
Post by: maximinium on May 10, 2013, 02:04:16 PM
This is really beautiful!  ;D
However, I'm not able to get the lyrics to show. I checked if lyrics were available and it shows the booklet, but like KingB they don't show.

Solution:
If you change the XML file: (open with notepad), or rightmouseclick -> edit.

Then find:
 <!-- Lyrics --> subsection
right under it, you'll see that it says:
<autoHide name="#RightSidebarLyrics"

change it to:
<element name="#RightSidebarLyrics"

Restart Musicbee and it should work.

Hope it helped :)

Fantastic theaterview endeavour1934!
Title: Re: XBox Music Style
Post by: redwing on May 10, 2013, 05:56:15 PM
Quote from: maximinium on May 10, 2013, 02:04:16 PM
This is really beautiful!  ;D
However, I'm not able to get the lyrics to show. I checked if lyrics were available and it shows the booklet, but like KingB they don't show.

Solution:
If you change the XML file: (open with notepad), or rightmouseclick -> edit.

Then find:
 <!-- Lyrics --> subsection
right under it, you'll see that it says:
<autoHide name="#RightSidebarLyrics"

change it to:
<element name="#RightSidebarLyrics"

Restart Musicbee and it should work.

Hope it helped :)

Fantastic theaterview endeavour1934!

No, that's not a proper fix. The reason lyrics status icon is unclickable for these theater views is that the element lacks a width attribute.

To make the lyrics status icon clickable for each view,

find

onClick="OpenAutoHidePanel(#RightSidebarLyrics)">&amp;</element>

replace it with

width="20" onClick="OpenAutoHidePanel(#RightSidebarLyrics)">&amp;</element>

save and rerun.
Title: Re: XBox Music Style
Post by: kingB on May 12, 2013, 08:02:40 PM
Quote from: redwing on May 10, 2013, 05:56:15 PM
Quote from: maximinium on May 10, 2013, 02:04:16 PM
This is really beautiful!  ;D
However, I'm not able to get the lyrics to show. I checked if lyrics were available and it shows the booklet, but like KingB they don't show.

Solution:
If you change the XML file: (open with notepad), or rightmouseclick -> edit.

Then find:
 <!-- Lyrics --> subsection
right under it, you'll see that it says:
<autoHide name="#RightSidebarLyrics"

change it to:
<element name="#RightSidebarLyrics"

Restart Musicbee and it should work.

Hope it helped :)

Fantastic theaterview endeavour1934!

No, that's not a proper fix. The reason lyrics status icon is unclickable for these theater views is that the element lacks a width attribute.

To make the lyrics status icon clickable for each view,

find

onClick="OpenAutoHidePanel(#RightSidebarLyrics)">&amp;</element>

replace it with

width="20" onClick="OpenAutoHidePanel(#RightSidebarLyrics)">&amp;</element>

save and rerun.
whats the exact name of the file?
Title: Re: XBox Music Style
Post by: redwing on May 13, 2013, 04:16:42 PM
Quote from: kingB on May 12, 2013, 08:02:40 PM
whats the exact name of the file?

As I said, you will need to edit all files in the zip.
Title: Re: XBox Music Style
Post by: craigccfl on July 01, 2013, 08:38:10 PM
Nice, clean and functional. Thanks for uploading.

CraigW
Title: Re: XBox Music Style
Post by: endeavour1934 on July 11, 2013, 11:32:12 PM
Test 2.0
https://dl.dropboxusercontent.com/u/10773406/xb2.zip
Use the top right dots to change BG.

Does anyone know if it's possible to keep the selected BG while opening the lyrics/artist panel?
Title: Re: XBox Music Style
Post by: redwing on July 13, 2013, 03:03:40 AM
Quote from: endeavour1934 on July 11, 2013, 11:32:12 PM
Test 2.0
https://dl.dropboxusercontent.com/u/10773406/xb2.zip
Use the top right dots to change BG.

Wonderful work! Thanks for sharing this!

Quote from: endeavour1934 on July 11, 2013, 11:32:12 PM
Does anyone know if it's possible to keep the selected BG while opening the lyrics/artist panel?

Too bad it's not supported currently. Here is my proposal, which would need Steven's help to work out.

The reason your approach does not work is that auto-hide panels conflict with each other. Say, when Overlay2 auto-hide panel is open, lyrics auto-hide panel has to be closed. How could this be avoided? Because XML documents support tree structure, we could divide parts of codes into different segments using a sub-parent element. Let's name the new element "segment." Then you could define each BG as a segment that has two auto-hide panels (lyrics and artist info) inside it. This way the conflict between BG and auto-hide panels would be gone. To navigate between different segments, we would need a new onClick function support, namely "OpenSegment." If this is implemented, multiple theater views could be inserted into a big view, rendering each view as a segment.

Here is a test code I wrote with your Overlay 1 and Overlay 2.  

Code
<?xml version="1.0" encoding="utf-8"?>
<root>
<settings enableScaling="true" />
<settings backgroundImage="" />
<settings rotationPeriod="300" />
<screenSaver>
  <settings idlePeriod="0" />
  <settings monitor="1" otherMonitors="blackout" />
</screenSaver>

<!-- BG1 Segment-->
<segment name="BG1">

<!-- Artist Picture -->
	<element type="ArtistPicture" x="1" y="1" widthDock="Panel" width="-2" heightDock="Panel" height="-2" aspectRatio="zoomKeep" fillColor="255,0,0,0" fade="0.0"></element>
	<element name="DarkerBG" type="Block" x="1" y="1" widthDock="Panel" width="-2" heightDock="Panel" height="-2" bg="160,8,0,30"></element>

<!-- Overlay 1 -->
	<element name="#Overlay1" x="1" y="1" widthDock="Panel" width="-2" heightDock="Panel" height="-2" allowPinning="true" resizePictures="false" disableHotPoint="true" >
	<element name="Darker" type="Block" x="1" y="1" widthDock="Panel" width="-2" heightDock="Panel" height="-2" bg="160,8,0,30"></element>
	<element type="Icon" image="Images\overlay0.png" x="1" y="1" widthDock="Panel" width="-2" heightDock="Panel" height="-2" ></element>
	<element type="Icon" image="Images\overlay01.png" x="1" y="1" widthDock="Panel" width="-2" heightDock="Panel" height="-2" ></element>

<!-- Menu -->
	<element type="Text" xAnchor="Panel.Right" x="-20" y="5" width="10" font="Segoe UI Light" style="Regular" size="10" fg="235,235,235" mouseOverFg="255,255,255" onClick="OpenSegment:BG1">&#8226;</element>
	<element type="Text" xAnchor="Panel.Right" x="-20" y="15" width="10" font="Segoe UI Light" style="Regular" size="10" fg="235,235,235" mouseOverFg="255,255,255" onClick="OpenSegment:BG2">&#8226;</element>

<!-- Lyrics -->
	<autoHide name="#RightSidebarLyrics" xAnchor="Panel.Right" x="-391" y="60" width="300" heightDock="Panel" height="-368" bg="0,8,0,30" fg="215,215,215" fg2="255,255,255" allowPinning="true" resizePictures="false" >
	<element type="Field" id="Title" xAnchor="Panel.Right" x="-376" y="95" width="285" font="Segoe UI" style="Bold" size="12" fg="255,255,255" ></element>
	<element type="Lyrics" xAnchor="Panel.Right" x="-374" y="125" width="285" heightDock="Y:#RightSidebarLyrics.Bottom" height="-40" font="Segoe UI" style="Regular" size="9" fg="255,255,255" fg2="255,140,0" ></element>
	</autoHide>

<!-- Artist Info -->
	<autoHide name="#RightSidebarArtist" xAnchor="Panel.Right" x="-391" y="60" width="300" heightDock="Panel" height="-368" bg="0,8,0,30" fg="215,215,215" fg2="255,255,255" allowPinning="true" resizePictures="false" >
	<element type="Field" id="Artist" xAnchor="Panel.Right" x="-376" y="95" width="285" font="Segoe UI" style="Bold" size="12" fg="255,255,255" ></element>
	<element type="ArtistInfo" xAnchor="Panel.Right" x="-374" y="125" width="285" heightDock="Y:#RightSidebarArtist.Bottom" height="-40" font="Segoe UI" style="Regular" size="9" fg="255,255,255" fg2="255,140,0" ></element>
	</autoHide>

<!-- Next Track Info -->
	<element name="#NextInfo" type="Text" xAnchor="Panel.Right" x="-233" yAnchor="Panel.Bottom" y="-101" width="90" font="Segoe UI Light" style="Regular" size="16" fg="180,180,180" onClick="OpenNowPlayingAssistant" >&gt;</element>
	<element type="Field" id="Tracks[1]" xAnchor="Panel.Right" x="-213" yAnchor="Panel.Bottom" y="-90" width="125" font="Segoe UI" style="Regular" size="8" fg="250,250,250" >
    <child id="Title" ></child>
	</element>
	<element type="Field" id="Tracks[1]" xAnchor="Panel.Right" x="-213" yAnchor="Panel.Bottom" y="-70" width="125" font="Segoe UI" style="Bold" size="8" fg="250,250,250" >
    <child id="Artist" ></child>
	</element>

<!-- Progress Bar -->
	<element name="BarBg" type="Block" xAnchor="Panel.Left" yAnchor="Panel.Bottom" x="92" y="-195" widthDock="X:Panel.Right" width="-92" height="2" bg="20,255,255,255"></element>
	<element type="ProgressBar" xAnchor="Panel.Left" yAnchor="Panel.Bottom" x="92" y="-195" widthDock="X:Panel.Right" width="-92" height="2" fg="245,245,245" ></element>

<!-- Player Controls -->
	<element type="PlayerBar" autohide="false" xAnchor="Panel.Center" x="-150" yAnchor="Panel.Bottom" y="-92" width="300" height="52" bdr="0,0,0,0" bg="0,0,0,0" fg="245,245,245" fg2="180,180,180" ></element>
	<element name="#LyricsStatus" type="Text" xAnchor="Panel.Center" x="-18" yAnchor="Panel.Bottom" y="-72" font="Wingdings" style="Regular" size="12" fg="8,0,30" fg2="245,245,245" width="20" onClick="OpenAutoHidePanel(#RightSidebarLyrics)">&amp;</element>

<!-- Track Info -->
	<element type="AlbumCover" x="90" yAnchor="Panel.Bottom" y="-404" width="180" height="180" min="180" max="180" brightness="1.0" ></element>
	<element type="ProgressPosition" xAnchor="Panel.Right" x="-340" yAnchor="Panel.Bottom" y="-257" widthDock="X:Panel.Right" width="-82" align="right" font="Segoe UI Light" style="Regular" size="22" fg="245,245,245" ></element>
	<element name="BigTitle" type="Field" id="Title" x="82" yAnchor="Panel.Bottom" y="-182" widthDock="X:#NextInfo.Left" width="0" reserveWidth="120" font="Segoe UI Light" style="Regular" size="30" fg="245,245,245"></element>
	<element type="Field" id="RatingLove" xAnchor="Panel.Right" x="-226" yAnchor="Panel.Bottom" y="-163" width="140" fg="115,115,115" fg2="240,240,240" size="20" rightMargin="8" >
	<child id="Rating" fg="245,245,245" fg2="25,255,255,255" size="20" />
	</element>
	<element type="Field" id="Artist" x="86" yAnchor="Panel.Bottom" y="-104" widthDock="X:#NextInfo.Left" width="-10" font="Segoe UI" style="Bold" size="16" fg="245,245,245" onClick="OpenAutoHidePanel(#RightSidebarArtist)" ></element>
	<element type="Field" id="Album" x="87" yAnchor="Panel.Bottom" y="-74" widthDock="X:#NextInfo.Left" width="-10" font="Segoe UI Light" style="Regular" size="14" fg="245,245,245" ></element>

</segment>

<!-- BG2 Segment-->
<segment name="BG2">

<!-- Artist Picture -->
	<element type="ArtistPicture" x="1" y="1" widthDock="Panel" width="-2" heightDock="Panel" height="-2" aspectRatio="zoomKeep" fillColor="255,0,0,0" fade="0.0"></element>
	<element name="DarkerBG" type="Block" x="1" y="1" widthDock="Panel" width="-2" heightDock="Panel" height="-2" bg="160,8,0,30"></element>

<!-- Overlay 2 -->
	<element name="#Overlay2" x="1" y="1" widthDock="Panel" width="-2" heightDock="Panel" height="-2" allowPinning="true" resizePictures="false" disableHotPoint="true" >
	<element name="Darker" type="Block" x="1" y="1" widthDock="Panel" width="-2" heightDock="Panel" height="-2" bg="220,8,0,30"></element>
	<element type="Icon" image="Images\overlay1.png" x="1" y="1" widthDock="Panel" width="-2" heightDock="Panel" height="-2" ></element>

<!-- Menu -->
	<element type="Text" xAnchor="Panel.Right" x="-20" y="5" width="10" font="Segoe UI Light" style="Regular" size="10" fg="235,235,235" mouseOverFg="255,255,255" onClick="OpenSegment:BG1">&#8226;</element>
	<element type="Text" xAnchor="Panel.Right" x="-20" y="15" width="10" font="Segoe UI Light" style="Regular" size="10" fg="235,235,235" mouseOverFg="255,255,255" onClick="OpenSegment:BG2">&#8226;</element>

<!-- Lyrics -->
	<autoHide name="#RightSidebarLyrics" xAnchor="Panel.Right" x="-391" y="60" width="300" heightDock="Panel" height="-368" bg="0,8,0,30" fg="215,215,215" fg2="255,255,255" allowPinning="true" resizePictures="false" >
	<element type="Field" id="Title" xAnchor="Panel.Right" x="-376" y="95" width="285" font="Segoe UI" style="Bold" size="12" fg="255,255,255" ></element>
	<element type="Lyrics" xAnchor="Panel.Right" x="-374" y="125" width="285" heightDock="Y:#RightSidebarLyrics.Bottom" height="-40" font="Segoe UI" style="Regular" size="9" fg="255,255,255" fg2="255,140,0" ></element>
	</autoHide>

<!-- Artist Info -->
	<autoHide name="#RightSidebarArtist" xAnchor="Panel.Right" x="-391" y="60" width="300" heightDock="Panel" height="-368" bg="0,8,0,30" fg="215,215,215" fg2="255,255,255" allowPinning="true" resizePictures="false" >
	<element type="Field" id="Artist" xAnchor="Panel.Right" x="-376" y="95" width="285" font="Segoe UI" style="Bold" size="12" fg="255,255,255" ></element>
	<element type="ArtistInfo" xAnchor="Panel.Right" x="-374" y="125" width="285" heightDock="Y:#RightSidebarArtist.Bottom" height="-40" font="Segoe UI" style="Regular" size="9" fg="255,255,255" fg2="255,140,0" ></element>
	</autoHide>

<!-- Next Track Info -->
	<element name="#NextInfo" type="Text" xAnchor="Panel.Right" x="-233" yAnchor="Panel.Bottom" y="-101" width="90" font="Segoe UI Light" style="Regular" size="16" fg="180,180,180" onClick="OpenNowPlayingAssistant" >&gt;</element>
	<element type="Field" id="Tracks[1]" xAnchor="Panel.Right" x="-213" yAnchor="Panel.Bottom" y="-90" width="125" font="Segoe UI" style="Regular" size="8" fg="250,250,250" >
    <child id="Title" ></child>
	</element>
	<element type="Field" id="Tracks[1]" xAnchor="Panel.Right" x="-213" yAnchor="Panel.Bottom" y="-70" width="125" font="Segoe UI" style="Bold" size="8" fg="250,250,250" >
    <child id="Artist" ></child>
	</element>

<!-- Progress Bar -->
	<element name="BarBg" type="Block" xAnchor="Panel.Left" yAnchor="Panel.Bottom" x="92" y="-195" widthDock="X:Panel.Right" width="-92" height="2" bg="20,255,255,255"></element>
	<element type="ProgressBar" xAnchor="Panel.Left" yAnchor="Panel.Bottom" x="92" y="-195" widthDock="X:Panel.Right" width="-92" height="2" fg="245,245,245" ></element>

<!-- Player Controls -->
	<element type="PlayerBar" autohide="false" xAnchor="Panel.Center" x="-150" yAnchor="Panel.Bottom" y="-92" width="300" height="52" bdr="0,0,0,0" bg="0,0,0,0" fg="245,245,245" fg2="180,180,180" ></element>
	<element name="#LyricsStatus" type="Text" xAnchor="Panel.Center" x="-18" yAnchor="Panel.Bottom" y="-72" font="Wingdings" style="Regular" size="12" fg="8,0,30" fg2="245,245,245" width="20" onClick="OpenAutoHidePanel(#RightSidebarLyrics)">&amp;</element>

<!-- Track Info -->
	<element type="AlbumCover" x="90" yAnchor="Panel.Bottom" y="-404" width="180" height="180" min="180" max="180" brightness="1.0" ></element>
	<element type="ProgressPosition" xAnchor="Panel.Right" x="-340" yAnchor="Panel.Bottom" y="-257" widthDock="X:Panel.Right" width="-82" align="right" font="Segoe UI Light" style="Regular" size="22" fg="245,245,245" ></element>
	<element name="BigTitle" type="Field" id="Title" x="82" yAnchor="Panel.Bottom" y="-182" widthDock="X:#NextInfo.Left" width="0" reserveWidth="120" font="Segoe UI Light" style="Regular" size="30" fg="245,245,245"></element>
	<element type="Field" id="RatingLove" xAnchor="Panel.Right" x="-226" yAnchor="Panel.Bottom" y="-163" width="140" fg="115,115,115" fg2="240,240,240" size="20" rightMargin="8" >
	<child id="Rating" fg="245,245,245" fg2="25,255,255,255" size="20" />
	</element>
	<element type="Field" id="Artist" x="86" yAnchor="Panel.Bottom" y="-104" widthDock="X:#NextInfo.Left" width="-10" font="Segoe UI" style="Bold" size="16" fg="245,245,245" onClick="OpenAutoHidePanel(#RightSidebarArtist)" ></element>
	<element type="Field" id="Album" x="87" yAnchor="Panel.Bottom" y="-74" widthDock="X:#NextInfo.Left" width="-10" font="Segoe UI Light" style="Regular" size="14" fg="245,245,245" ></element>

</segment>

</root>

Title: Re: XBox Music Style
Post by: Samanthaaaa on August 18, 2013, 08:47:21 PM
Hello,

 Since updating to Version 2.1.4924, I've noticed that the ratings have disappeared from all the styles. I tried playing around with some of the XML myself (although I am certainly not very well versed in the code), so I was wondering if anyone else might know how I could get the ratings and the Last.FM 'Love' icon back.

Thank you.
Title: Re: XBox Music Style
Post by: redwing on August 18, 2013, 10:44:31 PM
Quote from: Samanthaaaa on August 18, 2013, 08:47:21 PM
Hello,

 Since updating to Version 2.1.4924, I've noticed that the ratings have disappeared from all the styles. I tried playing around with some of the XML myself (although I am certainly not very well versed in the code), so I was wondering if anyone else might know how I could get the ratings and the Last.FM 'Love' icon back.

Thank you.

Probably it's these skins' own coding error.

For each xml file, find "PlayerBar.Left" and replace it with "Panel.Right".

Save and rerun it.
Title: Re: XBox Music Style
Post by: redwing on August 18, 2013, 10:52:37 PM
For XBox Music Style 2 skin,

Find the following two lines:

Code
fg="115,115,115" fg2="240,240,240" size="20" rightMargin="8" >
  <child id="Rating" fg="245,245,245" fg2="25,255,255,255" size="20" />

and replace them with the following:

Code
visible="MusicBeeSetting" fg="115,115,115" fg2="240,240,240" size="20" rightMargin="8" >
  <child id="Rating" visible="MusicBeeSetting" fg="245,245,245" fg2="25,255,255,255" size="20" ></child>

Save and rerun it.
Title: Re: XBox Music Style
Post by: Samanthaaaa on August 22, 2013, 11:04:08 PM
Quote from: redwing on August 18, 2013, 10:44:31 PM
Quote from: Samanthaaaa on August 18, 2013, 08:47:21 PM
Hello,

 Since updating to Version 2.1.4924, I've noticed that the ratings have disappeared from all the styles. I tried playing around with some of the XML myself (although I am certainly not very well versed in the code), so I was wondering if anyone else might know how I could get the ratings and the Last.FM 'Love' icon back.

Thank you.

Probably it's these skins' own coding error.

Thanks, this worked perfectly. :)
For each xml file, find "PlayerBar.Left" and replace it with "Panel.Right".

Save and rerun it.
Title: Re: XBox Music Style
Post by: endeavour1934 on August 31, 2013, 10:16:59 PM
Thanks Redwing... I couldn't figure up what was wrong! :D

All links fixed.
Title: Re: XBox Music Style
Post by: redwing on September 01, 2013, 06:59:03 AM
Quote from: endeavour1934 on August 31, 2013, 10:16:59 PM
Thanks Redwing

You're welcome. Your work is a gem. Hope to see more works from you.
Title: Re: XBox Music Style
Post by: delpinsky on November 08, 2013, 03:38:42 AM
Hi endeavour1934  ;)

First of all my compliments for this great work!
Your Xbox Music Style skin and this great software are the definitive solution I needed for my CD collection.

I got a question as first-timer of this software:

I'd love to add a layer with a CD case over the Album Art picture.
I posted the same question on the developers forum, since I found an old request via the search function, which was buried there with no reply.

Can you tell me if it's possible to add a tag element as layer, a CD case picture in PNG for example, with transparent inside to show the Album Art?

Thanks in advance!
Title: Re: XBox Music Style
Post by: motorpsyched on December 03, 2013, 06:11:12 PM
I'm trying to remove the "up next" info in the right bottom corner, but end up removing artist and album info from the left side as well.
Any pointers to what to remove?
Title: Re: XBox Music Style
Post by: delpinsky on December 05, 2013, 04:05:39 AM
I reply to myself, since I solved my problem :)

Look:
(http://s11.postimg.org/6zo6bkuv3/musicbee_test.jpg) (http://postimg.org/image/6zo6bkuv3/)

I managed to add a new image element over the album cover picture.
I created a .png image of a CD Case with a transparent square inside, which will be perfectly fitting for the album art picture.

I've added this line to your theme at the bottom of the xml file:
<!-- icon element -->
<element type="Icon" image="Images\cdcase1.png" x="93" yAnchor="Panel.Bottom" y="-597" width="444" height="393" min="180" max="393" onClick="PlayPause"></element>

I also changed the AlbumCover element size and position to fit the CD Case image:
<element type="AlbumCover" x="133" yAnchor="Panel.Bottom" y="-592" width="400" height="380" min="180" max="400" brightness="1.0" ></element>

I'm very satisfied!

p.s.
if you need the CD Case .png files, here they go:
(http://s28.postimg.org/rpctvw6ft/cdcase.png) (http://postimg.org/image/rpctvw6ft/)

(http://s28.postimg.org/76hxqtsih/cdcase1.png) (http://postimg.org/image/76hxqtsih/)
Title: Re: XBox Music Style
Post by: Samanthaaaa on December 24, 2013, 12:29:31 AM
Hi,

 I've stumbled across a pesky aesthetic niggle which I am sure has spontaneously appeared over the past two weeks.

Basically, the time playing\ track length time counters are now showing as time playing\ -track length time .  I don't know if this makes any sense, but if you look at the screenshots by the author and the one I will post below, the second time should be static showing the total track time, whereas I am getting an actual count-down to the end of the track (which I don't really like) and an annoying hyphen which just doesn't look nice.

(http://s29.postimg.org/5s1eickhv/Musicbee.jpg) (http://postimg.org/image/5s1eickhv/)

I've glanced over the XML file (I'm using XBox Music Style) and I can't seem to find how to change this?

Thank you in advanced.
Title: Re: XBox Music Style
Post by: Samanthaaaa on December 24, 2013, 02:00:37 AM
Quote from: Samanthaaaa on December 24, 2013, 12:29:31 AM
Hi,

 I've stumbled across a pesky aesthetic niggle which I am sure has spontaneously appeared over the past two weeks.

Basically, the time playing\ track length time counters are now showing as time playing\ -track length time .  I don't know if this makes any sense, but if you look at the screenshots by the author and the one I will post below, the second time should be static showing the total track time, whereas I am getting an actual count-down to the end of the track (which I don't really like) and an annoying hyphen which just doesn't look nice.

(http://s29.postimg.org/5s1eickhv/Musicbee.jpg) (http://postimg.org/image/5s1eickhv/)

I've glanced over the XML file (I'm using XBox Music Style) and I can't seem to find how to change this?

Thank you in advanced.

Turns out this was of my own doing, and apparently if you click the time/time remaining thingy in the main player it interchanges between displaying the track length as a static number and the length remaining on the song. Nothing to do with the skin, just my mindlessly clicking about the place.  :P
Title: Re: XBox Music Style
Post by: endeavour1934 on January 27, 2014, 01:47:36 AM
(http://img.imgur.com/aMBbKJj.jpg)

XBox Music Style 2 Beta 2
Still a beta because I can't do what I wanted with this Theater Mode (like auto-change the different overlays, or being able to open bio/lyrics without hiding the overlay)

Extract to Plugins\TheaterMode.List
https://dl.dropboxusercontent.com/u/10773406/xb2b2.zip
Title: Re: XBox Music Style
Post by: Steven on January 27, 2014, 07:55:55 PM
can you send me a PM describing a bit more about how you want the lyrics/ bio to behave and why it didnt work as expected. I am willing to spend some time looking at that

Also would anyone be interested if the new now playing assistant panel was integrated into the window rather than being a separate window?
Title: Re: XBox Music Style
Post by: SimonBRT on January 27, 2014, 07:56:34 PM
nice update, thanks.  been using xbox theatre style ever since i moved from my laptop to a full HD screen. now some nice improvements.
Title: Re: XBox Music Style
Post by: redwing on January 27, 2014, 08:35:35 PM
Quote from: Steven on January 27, 2014, 07:55:55 PM
can you send me a PM describing a bit more about how you want the lyrics/ bio to behave and why it didnt work as expected. I am willing to spend some time looking at that

Have a look at my proposal that I wrote long time ago:

http://getmusicbee.com/forum/index.php?topic=7470.msg61024#msg61024

Quote from: Steven on January 27, 2014, 07:55:55 PM
Also would anyone be interested if the new now playing assistant panel was integrated into the window rather than being a separate window?

If that can be drawn or overlaid on the window, it would make a wonderful addition to TM!
Title: Re: XBox Music Style
Post by: endeavour1934 on January 27, 2014, 10:02:12 PM
Quote from: redwing on January 27, 2014, 08:35:35 PM
Quote from: Steven on January 27, 2014, 07:55:55 PM
can you send me a PM describing a bit more about how you want the lyrics/ bio to behave and why it didnt work as expected. I am willing to spend some time looking at that

Have a look at my proposal that I wrote long time ago:

http://getmusicbee.com/forum/index.php?topic=7470.msg61024#msg61024

Quote from: Steven on January 27, 2014, 07:55:55 PM
Also would anyone be interested if the new now playing assistant panel was integrated into the window rather than being a separate window?

If that can be drawn or overlaid on the window, it would make a wonderful addition to TM!
That's one option, but there is another one that I think is easier: create a new "gallery" item that reads images from a local folder (or modify the current one with new options), with optional controls to cycle between images (play/pause/fwd/back), transparency, time interval, fade time interval...

This could even allow to have an animated color overlay (like zune), just fading between 2 identical images with different colors., for example.

Obviously your proposal is more interesting, as it allows a lot more things (even configurable layouts), but is also more complex.
Title: Re: XBox Music Style
Post by: endeavour1934 on January 28, 2014, 12:04:05 AM
https://dl.dropboxusercontent.com/u/10773406/xb2b3.zip

Smaller elements, added a button to open the assistant
Title: Re: XBox Music Style
Post by: redwing on January 28, 2014, 03:09:04 AM
Quote from: endeavour1934 on January 27, 2014, 10:02:12 PM
create a new "gallery" item that reads images from a local folder (or modify the current one with new options), with optional controls to cycle between images (play/pause/fwd/back), transparency, time interval, fade time interval...

That'd be great if we could display multiple images blended or overlay them over other elements like album cover or background image with transparency control for each element.
Title: Re: XBox Music Style
Post by: Steven on February 02, 2014, 09:21:01 AM
i have added support for floating auto-hide panels which should help with opening lyrics and bio's on top of other elements
http://getmusicbee.com/forum/index.php?topic=8102.0
Title: Re: XBox Music Style
Post by: endeavour1934 on February 03, 2014, 06:54:23 PM
Quote from: Steven on February 02, 2014, 09:19:44 AM
http://musicbee.niblseed.com/Patches/mb_TheaterModePlugin.zip

new onClick action similar to OpenAutoHidePanel(#id), but instead floats the panel above others without closing other auto-hide panels
OpenFloatingPanel(#id)



Thanks! That is very useful!
But I'm having some problems. Here is the config I'm working on https://dl.dropboxusercontent.com/u/10773406/xb2b4.zip

- It hangs for a few seconds while it... loads? the background artist pictures, I think. It's more noticeable if you are offline (it hangs for 5-6 seconds every 15-20 seconds). Maybe it's because I have too many items on the config?
- The new OpenAutoHidePanels don't have the pin/close button
- Sometimes OnMouseOverFG color doesn't fill the entire element
Title: Re: XBox Music Style
Post by: Steven on February 03, 2014, 06:57:55 PM
your old skin still loads fast and I havent changed anything for the rendering other than not closing the other auto-hide panels, so you will need to figure out what you have changed that makes it so slow and whether it can be implemented another way
Title: Re: XBox Music Style
Post by: redwing on February 03, 2014, 07:48:44 PM
Working fine for me. Sometimes it takes a while before loading a pic with any TM views.

BTW it would be wonderful if there's a way to automate changing the overlays without having to click on those buttons.
Title: Re: XBox Music Style
Post by: endeavour1934 on February 03, 2014, 08:50:06 PM
The slowdown is caused by too many overlays. The ideal solution would be to bake all layers on just one overlay. That will take some time to adjust...

And yes, having a way to auto-change the overlays would be awesome...
Title: Re: XBox Music Style
Post by: redwing on February 03, 2014, 08:58:01 PM
Quote from: endeavour1934 on February 03, 2014, 08:50:06 PM
The slowdown is caused by too many overlays.

I don't understand. Doesn't it load one, at most, at a time whenever you click a button?
Title: Re: XBox Music Style
Post by: Steven on February 03, 2014, 09:04:51 PM
Quote from: endeavour1934 on February 03, 2014, 08:50:06 PM
The slowdown is caused by too many overlays. The ideal solution would be to bake all layers on just one overlay. That will take some time to adjust...
its because the plugin fades in the start of a new picture and in your case there is a lot of screen painting happening for every fade increment so its very slow. I might disable that if there are too many blocks to be displayed as in this skin
Title: Re: XBox Music Style
Post by: redwing on February 03, 2014, 09:16:15 PM
Now I see what's going on. But it looks fine to me -- more elegant and artistic with the slow fade in.
Title: Re: XBox Music Style
Post by: Steven on February 03, 2014, 09:52:52 PM
the reason it was faster before was because there was already an automated blocker for fading an image when there were too many block elements. You exceeded that limit in the previous version and in this version you didnt.
I can probably do a couple of things to improve the performance but it will take a couple of days. I doubt you can do much on your side if you want to keep the same effects
Title: Re: XBox Music Style
Post by: endeavour1934 on February 03, 2014, 10:32:27 PM
I'm testing merging the 2 darkening blocks + top and down gradients + color overlay on a single image and it works perfectly without any lag. It has less contrast but that is a minor problem.
Title: Re: XBox Music Style
Post by: endeavour1934 on February 05, 2014, 09:03:49 PM
https://dl.dropboxusercontent.com/u/10773406/xb2b5.zip
This version has all the layers combined on one image, and works very smooth. Still needs some work on floating panels and maybe adding one darkening layer by default, when no overlay is selected.


edit: https://dl.dropboxusercontent.com/u/10773406/xb2b5-2layer.zip (needs the other version installed too)
This one uses a darkening layer for the BG picture and another for overlays. It's a bit slower, but perfectly usable.
Title: Re: XBox Music Style
Post by: silvestreccf on February 06, 2014, 04:18:04 AM
Everybody loves Metro Style, very...very nice TheaterMode interface, make me remember Zune, only thing I miss was the Tracklist on the side.
Title: Re: XBox Music Style
Post by: endeavour1934 on February 15, 2014, 03:32:56 PM
https://dl.dropboxusercontent.com/u/10773406/xb2.zip

This is the final 2.0 version for MusicBee 2.3
[You should delete all the beta images/files before installing this version - not because of conflicts, just to clean up.]
Title: Re: XBox Music Style
Post by: Steven on February 15, 2014, 03:43:11 PM
one thing i notice is the track title header on the lyrics overlaps with the top of the lyrics text.
Its also the case for the artist biography but the overlap seems smaller
Title: Re: XBox Music Style
Post by: endeavour1934 on February 15, 2014, 03:56:31 PM
Quote from: Steven on February 15, 2014, 03:43:11 PM
one thing i notice is the track title header on the lyrics overlaps with the top of the lyrics text.
Its also the case for the artist biography but the overlap seems smaller
That was done on purpose, but maybe I should change it, as it doesn't match behaviour on other text.
Title: Re: XBox Music Style
Post by: endeavour1934 on February 15, 2014, 05:18:42 PM
XBox Music Style 2.0 (https://dl.dropboxusercontent.com/u/10773406/xb2.zip)

(http://img.imgur.com/3N2gJa1.jpg)
Title: Re: XBox Music Style
Post by: redwing on February 15, 2014, 07:46:00 PM
When lyrics panel is open, there's no way to close it down for no-lyrics tracks because lyrics icon then gets disabled. At that point, if you open playlist panel, the two autoHide panels get overlapped.
Title: Re: XBox Music Style
Post by: redwing on February 15, 2014, 08:08:28 PM
Probably the easiest solution would be to add fg and fg2(mouseover) attributes to the two autoHide panels since you already allowed pinning for those panels.
Title: Re: XBox Music Style
Post by: endeavour1934 on February 15, 2014, 08:58:41 PM
Quote from: redwing on February 15, 2014, 08:08:28 PM
Probably the easiest solution would be to add fg and fg2(mouseover) attributes to the two autoHide panels since you already allowed pinning for those panels.
I've tried that, but the close buttons don't appear, they are clickable but still invisible...

EDIT: Updated both theater modes with fg and onmousefg values for panel 'close' buttons (still not working though); deleted 2-3 unnecesary images from ZIP files... sorry for the inconvenience :P
Title: Re: XBox Music Style
Post by: redwing on February 16, 2014, 12:37:16 AM
"mouseOverFg" should be "fg2", then it will work.
Title: Re: XBox Music Style
Post by: endeavour1934 on February 16, 2014, 12:48:12 AM
Quote from: redwing on February 16, 2014, 12:37:16 AM
"mouseOverFg" should be "fg2", then it will work.
I've tried that, still doesn't work...
Title: Re: XBox Music Style
Post by: redwing on February 16, 2014, 12:54:59 AM
Working fine for me after editing those. This is what I get:

(http://i.imgur.com/RttWVSO.png)

BTW the button is a little out of the panels.
Title: Re: XBox Music Style
Post by: redwing on February 16, 2014, 01:11:57 AM
Another thing is that you won't need <allowPinning="true"> attribute for each of those six overlays not to display a close button over the icons.
Title: Re: XBox Music Style
Post by: endeavour1934 on February 16, 2014, 03:00:27 AM
Quote from: redwing on February 16, 2014, 12:54:59 AM
Working fine for me after editing those. This is what I get:
BTW the button is a little out of the panels.
Ok, I found the problem: If the overlays have "allowpinning=true", then the floating panels don't show the close button. If it's set to false, they appear.

But, if the overlays don't have the "allowpinning=true" the plugin doesn't remember the last overlay used upon opening/closing Theater Mode.

[BTW, I fixed the closing buttons positioning, even if now they aren't showing up]
Title: Re: XBox Music Style
Post by: redwing on February 16, 2014, 03:27:54 AM
Probably removing the attribute has the same effect as setting them to false. IMO not remembering the last overlay is not a big deal as compared to having the close button interfering with a few buttons at the top.
Title: Re: XBox Music Style
Post by: endeavour1934 on February 16, 2014, 03:47:56 AM
Quote from: redwing on February 16, 2014, 03:27:54 AM
Probably removing the attribute has the same effect as setting them to false. IMO not remembering the last overlay is not a big deal as compared to having the close button interfering with a few buttons at the top.
? On my computer nothing shows up at the top near the other buttons. I guess that's part of the same problem, so for now it's a bit difficult for me to fix that - unless I do what you said before and set all overlays to false.
Title: Re: XBox Music Style
Post by: redwing on February 16, 2014, 03:55:43 AM
You don't see this?

(http://i.imgur.com/fL0t8ps.png)

If you want it to remember last overlay, then I guess there's no solution currently.
Title: Re: XBox Music Style
Post by: endeavour1934 on February 16, 2014, 04:15:00 AM
Quote from: redwing on February 16, 2014, 03:55:43 AM
You don't see this?

If you want it to remember last overlay, then I guess there's no solution currently.
No, as it is now, there isn't a single 'close button' showing up on the entire config.  ???

EDIT: Nevermind, I think I found a solution to all the problems. Could you download the config again and try?
Title: Re: XBox Music Style
Post by: redwing on February 16, 2014, 04:45:30 AM
Working great!
Title: Re: XBox Music Style
Post by: Steven on February 16, 2014, 10:52:08 AM
there is a bug (my fault) where once you open the Now Playing list, even when closed it still shows the mouse click icon. Thats fixed for the next plugin update.
However, there is one behavior you might consider changing - if you hover the mouse to the right margin of where the lyrics would display it pops up the lyrics. If thats not what you intended you can disable that using
<autoHide name="#SidebarArtist"  ... disableHotPoint="true" />
<autoHide name="#SidebarLyrics"  ... disableHotPoint="true" />
<autoHide name="#SidebarPlaylist"  ... disableHotPoint="true" />
Title: Re: XBox Music Style
Post by: endeavour1934 on February 16, 2014, 01:52:12 PM
Quote from: redwing on February 16, 2014, 04:45:30 AM
Working great!
Quote from: Steven on February 16, 2014, 10:52:08 AM
there is a bug (my fault) where once you open the Now Playing list, even when closed it still shows the mouse click icon. Thats fixed for the next plugin update.
However, there is one behavior you might consider changing - if you hover the mouse to the right margin of where the lyrics would display it pops up the lyrics. If thats not what you intended you can disable that using
<autoHide name="#SidebarArtist"  ... disableHotPoint="true" />
<autoHide name="#SidebarLyrics"  ... disableHotPoint="true" />
<autoHide name="#SidebarPlaylist"  ... disableHotPoint="true" />

All done, zips updated

Thanks to both for your help  :D
Title: Re: XBox Music Style
Post by: Steven on February 16, 2014, 07:46:13 PM
this version includes the fix above and also closes any overlapping floating auto-hide panels, so you shouldnt need the 2nd variation any more:
http://musicbee.niblseed.com/V2_3/MusicBee_Exe_Patched.zip
Title: Re: XBox Music Style
Post by: endeavour1934 on February 16, 2014, 10:58:37 PM
Nice :D

I've made a final update to darken the close buttons.
https://dl.dropboxusercontent.com/u/10773406/xb2.zip
Title: Re: XBox Music Style
Post by: silvestreccf on February 17, 2014, 02:36:31 AM
Quote from: endeavour1934 on February 16, 2014, 10:58:37 PM
Nice :D

I've made a final update to darken the close buttons.
https://dl.dropboxusercontent.com/u/10773406/xb2.zip

Very Very good!! a very perfect and similar to Zune, that is the most Beautifull.
You could put a auto-hide popup with the track list.

(issue) The little button to activate Lyrics its not working

It is possible to make a skim to BeeMusicPlayer similar to this theathermode? so Metro!! so clean!



 
Title: Re: XBox Music Style
Post by: silvestreccf on February 18, 2014, 02:17:07 AM
You make something better than original, very similar to powerfull Zune player interface,
But the Theathrermode  need a volume control and a tracklist, is ti this possible?
A back button also would be espetacular...

it is possible make a clean Skim for the main player, with this collor and interface?

(https://dl.dropboxusercontent.com/s/whd3nd8w95fjief/Exemplo.jpg?dl=1&token_hash=AAFWQJJgez_vpt95YxuCq0mTire0cR1iCuGa_HQvY-YkzA)

Nice Work.
Title: Re: XBox Music Style
Post by: endeavour1934 on February 18, 2014, 03:05:15 AM
I'm not trying to replicate Zune exactly. Maybe for a Zune Style Theater Mode, or future layout changes. For now I'll leave it as it is.

BTW, there is a tracklist, just to the left of the three main player buttons.
Title: Re: XBox Music Style
Post by: silvestreccf on February 18, 2014, 04:37:28 AM
Quote from: endeavour1934 on February 18, 2014, 03:05:15 AM
I'm not trying to replicate Zune exactly. Maybe for a Zune Style Theater Mode, or future layout changes. For now I'll leave it as it is.

BTW, there is a tracklist, just to the left of the three main player buttons.


I Know you are not replicate!! your now play layout its better than Zune, as you can see in photo, but impotant button are missing, like a volume control.

All these buttons, Lyrics and tracklisting its not working!! thats why I ask you.
Thanks for your answer.

Title: Re: XBox Music Style
Post by: endeavour1934 on February 18, 2014, 05:00:46 AM
Quote from: silvestreccf on February 18, 2014, 04:37:28 AM
I Know you are not replicate!! your now play layout its better than Zune, as you can see in photo, but impotant button are missing, like a volume control.

All these buttons, Lyrics and tracklisting its not working!! thats why I ask you.
Thanks for your answer.
Volume Control... I think for now it's not possible, unless I display the standard Theater Mode controls, which would duplicate some of the other controls.

Lyrics only works if MusicBee finds lyrics for that song. Playlist should work. Do you have the most recent 2.3 version (currently 5161) ?
Title: Re: XBox Music Style
Post by: silvestreccf on February 18, 2014, 05:23:45 AM
Yes i'm usin the 2.3 version, I'm always following the updates in this forun, my old player was Zune, the better player made in this world, but I change my files to FLAC, musicBee Become, the complete one.

You designe its perfect for the future of this Player, Do not get me wrong, I would like to know programming to help you, I'm a good designe, but do not know anything about codes. I see that you are trying to do the very best.

Could tell me how to change collor of the dark bar above player (see picture) I want a mid full white Player.

(https://dl.dropboxusercontent.com/s/a44qo94sbq1aibt/Exemplo-2.jpg?dl=1&token_hash=AAGgGgOnaMcoCHJN5EeDE28Xb3bsx2A4_KPnx5OzsFhChg)

See!! you shoud create a LightRED-Flat ...
Title: Re: XBox Music Style
Post by: endeavour1934 on February 18, 2014, 05:32:15 AM
To change that you have to edit some images embedded onto the xml file in base64 format. See the skinning section of the wiki for more information/help.
Title: Re: XBox Music Style
Post by: 7cpmu on July 25, 2015, 06:23:08 PM
Hi,
 I am not able to see the artist's image in the background even though the image is added in the mp3 tag and cotegorised as 'artist'. This problem exists for any theatre mode view I use.
Will the artist image be loaded only from internet? Is it independent of the picture in the tag, unlike the album art?

Thanks in advance.
Title: Re: XBox Music Style
Post by: Steven on July 26, 2015, 11:35:53 AM
it doesnt look for artist pictures in the music file. The pictures need to be in the folder specified in the Preferences/ Tags(1)  panel and need to be named with the same name as the artist or with and _<number> appended to the artist name for multiple pictures
Title: Re: XBox Music Style
Post by: cmg on July 23, 2017, 07:28:47 PM
In theater mode (xbox music style), it seems that the playback button and so on are not located at center of the circles surrounding them.

screenshot: http://imgur.com/a/ipAPS

MB:3.1.6412, DPI:125%