ET TrackInfo Plugins.

ET TrackInfo Plugins are a family of lightweight TrackInfo Plugins designed for use with the Standard View Skins listed in the table on the left.

N.B. These Plugins only work in MC28 or higher!

Features: -

They use an updated TrackInfo Template to display more, probably all, of what the MC Database/Library does/could know about the Track currently being played and the Album it is from than any other TrackInfo Plugin currently available.
They use responsive/flexible columns and rows to present Album Artwork and Field/Tag Information/Data.
The font size adjusts with the Display Panel Width whilst the Cover Art size and position adjusts with both its width and height.
They respect the Aspect Ratio of the User’s Cover Art.
Unlike the Tag Windows, and a few other places in MC, the content of every field/tag is displayed in full and all fields/tags designated as semi-colon delimited lists are displayed with a space between each “;” and the next element/item in the field/tag.
They were created using only those HTML & CSS methods that work, in an identical way, in the Chromium, Edge, I.E. and Safari Web Browser Engines.
They were designed/scripted to make it easy for anyone with knowledge of CSS3, HTML5 and JavaScript to modify them.
Each TrackInfo Plugin, where possible, uses the foreground, background, text and scrollbar colours used in the Skin it is to be used with.

They are the First ones to:-

Display different information for Classical and Non-Classical Music and use the Genre of the Track being played to automatically switch between Classical and Non-Classical Display Modes.

If the Genre is "Classical" it will switch into Classical Display Mode
If the Genre is Not "Classical" it will switch into Non-Classical Display Mode

Display the content of the Rating10 field/tag as images.
Allow the user to choose between 4 ways of displaying lyrics:-

in 1 Column with a vertical scrollbar,
in 1 Column with a horizontal scrollbar,
in 2 Columns with a horizontal scrollbar,
in 3 Columns with a horizontal scrollbar.

Allow the user to display the contents of the Modern & Legacy Tag Windows in Standard, Display, Theater and Cover View.
Have a Refresh option/button to allow the user to Reload (Refresh) the current page to view the effect of any changes they have made to the fields/tags displayed on that page.

N.B. These Plugins operate in read-only mode and obtain the data for each field/tag displayed when a track is loaded, or the page being displayed is reloaded/refreshed; therefore, any corrections to the fields/tags displayed on that page have to be made in MC.

What's new in V4.0.

A New Lyrics Only Variant - ET xxxx xxxxx Ultimate III, with 2 Options/Entries on the TI MenuBar - The "Lyrics" and "Search For..." DropDown Menus.

The Lyrics, in all variants, have been switched from Left Aligned to Center Aligned.

The TI Drop Down Menus more closely resemble the MC Menu's; the TI MenuBar plus the Headers above the other columns are now a Fixed Size, just like the MC MenuBar they no longer change size when the Display Panel/Page (viewport) size changes.

I've added the handling/presentation of the "Date Last Rated" Tag/Field added in MC31.0.73 to all the Tags Pages

The Border and Halo around the CoverArt have been improved to give the CoverArt + Border + Halo combination a better 3D look to help make it more obvious that the CoverArt is the Reload/Refresh Page Button.

Like all the other columns, TrackInfo, AlbumInfo, Lyrics and Tag Window; the one for the Cover Art + Basic Track Info now uses a Container to make controlling its size on viewport height changes easier

There are now borders around every column the various pages use; they use the same colour/texture as the Gridlines, vertical dividers, that appear in a Details List and on some skins are hard to spot.

The Routines/Code used to get Fields/Tags and their contents on to the relevant pages have been restructured and renamed to make it more obvious which Tag Window, Legacy Tag Window (LTW) or Modern Tag Window (MTW), they are being used with/for.

Most of the et_theme_xxxxxxx.css files have been renamed to more closely match the name of the skin they are used with.

All Image Names have been standardised, mainly to give an indication of where they are used.

The names of all the xxxxx.html files, except for index.html, have been changed:-
In every variant they all had a "uti_" prefix, which wrongly gave the impression they were interchangeable between variants.

For the Ultimate I variants the prefix is now "ult1_"
For the Ultimate II variants the prefix is now "ult2_"
For the Ultimate III variants the prefix is now "ult3_"

The suffixes for the html files for the Legacy Tag Window have been changed from "_sw1" and "_sw2" to "_ltw1" and "_ltw2"
The suffixes for the html files for the Modern Tag Window have been changed from "_aw1" and "_aw2" to "_mtw1" and "_mtw2"

The "Search For..." DropDown menu now has more options:-

Info about Artist on Wiki
Info about Album on Wiki
Info about Track on Wiki
Info about Composer on Wiki
-----------------------------
Artist Images on Google
Artist Images on DuckDuckGo
-----------------------------
Album Art on Google
Album Art on DuckDuckGo
-----------------------------
Composer Images on Google
Composer Images on DuckDuckGo
-----------------------------

I have been unable to find, or write, a JavaScript routine to convert characters Search Engines do not accept in the URLs used for the Lyrics Lookup and the "Search for..." Options into their Hexadecimal Equivalent.
Since the MC Hexify routine is not available to TrackInfo Plugins I decided to use it, inside MC, to create Hexified versions of the 5 tags/fields used to build the URLs for those LookUps.

The 5 New Fields/Tags, which all use expressions to populate them, that have to be added to the MC Library are:-

Album (Hex) - uses =Hexify(Trim(Extract(2,[Album], [))) - the Trim & Extract are used to remove anything in [] brackets from the Album Name
Album Artist (Hex) - uses =Hexify([Album Artist])
Artist (Hex) uses =Hexify(ListLimit([Artist],1)) - so that only the first Artist in a ; delimited list is used
Composer (Hex) - uses =Hexify(ListLimit([Composer],1)) - so that only the first Composer in a ; delimited list is used
Name (Hex) - uses =Hexify(Trim(Extract(2,[Name], [))) - the Trim & Extract are used to remove anything in [] brackets from the (Track) Name

Those 5 Additional Fields/Tags are grouped together at the end of the lists of tags presented on the Tags Pages under a Heading of - Hexified Tags used by ET TrackInfo Plugins

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

What's new in V3.0

Since the Ultimate I & II variants automatically switch between Classical and Non-Classical display modes the ET xxxxx TrackInfo, ET xxxxx Classical TrackInfo and ET xxxx Lyrics variants have been discontinued.

The only true differences between the two variants is the order of the Options on the DropDown Menu and by association the 1st page that gets shown on Track or Plugin Changes.

For Ultimate I the order is "Track + Album Info, Lyrics, Tags, Search for..." - with the "Track + Album Info" page as the 1st one displayed.
For Ultimate II the order is "Lyrics, Track + Album Info, Tags, Search for..." - with the "Lyrics in 2 Columns with Horizontal Scrollbar" page as the 1st one displayed.

The Plugin Names have been changed: -

I've removed the word "TrackInfo" from the end of ET xxxxx Ultimate I & II plugin names and the xxxxxxx part of the plugin name is now the name of the skin that plugin is to be used with, so "ET Darkness Ultimate I TrackInfo" is now "ET ModernCards Dark Ultimate I"

Unlike in earlier versions, where the Refresh button/option was on the Menubar, in this version clicking on the CoverArt, displayed below the Menubar on every page, will reload/refresh the page.

There is a new Dropdown Menu on the Menubar "Search for...." and a "Lookup Lyrics on Google" option has been added to the Lyrics Dropdown Menu....

Lyrics	Search for...
1 Column with Vertical Scrollbar	Info about Artist on Wiki
1 Column with Horizontal Scrollbar	Info about Album on Wiki
2 Column with Horizontal Scrollbar	Info about Track on Wiki
3 Column with Horizontal Scrollbar	Album Art on Google
Lookup Lyrics on Google	Artist Images on Google

The "Lookup Lyrics" option and the options on the "Search for ...." Dropdown Menu all open a New Browser-Engine Page outside of MC

The TrackInfo Plugin Structure.

Every Track Info Plugin contains:-

et_javascript.js et_layout4.css
et_theme_xxxx_xxxx.css - where xxxx_xxxx is the name of the Skin the Plugin is to be used with
index.html - This is a Mandatory File Name for the TrackInfo Plugin Page that gets loaded when a TI is first loaded or when MC Changes Tracks.
8/3 utln_xxxx_xxxx_html files - 8 in Ultimate I & II variants & 3 in Ultimate III variants
The Images the plugin uses - some are from the Skin and some are specific to the plugin.

et_javascript.js contains the following JavaScript Functions used by every plugin:-

tiEdit() - adds a space between the ; and the next element/item in a semi-colon ';' delimited list
chExpand() - MC Channel No's are just numbers that indicate the total number of channels, chExpand extends the info displayed by adding relevant channel layout info on Tags pages
genreTest() - used to automatically switch between Classical and Non-Classical Display Mode

et_layout4.css is the Primary Layout File and defines the fonts, size and position of the text and images for every page the plugin can display.
It also contains the routines used to constrain/modify the Image, Font and Container sizes for the multitude of Views and Sub-Views available in MC

NOTE - Every ET TrackInfo Plugin uses the same et_javascript.js and et_layout4.css files.

et_theme_xxxx_xxxx.css enhances/extends/modifies the Layout Instructions provided by et_layout4.css by adding in the Skin/Theme related Text, Foreground and Background Colours along with the Images that are common to every variant that are to be used when assembling the Plugin Pages. It also contains the information needed to build and colour the TI's Scrollbars.

Although most parts of the TI Scrollbars use images extracted from the Skin the CSS routines used to customise scrollbars do some really weird things with Scrollbar Thumb/Handle images.
Therefore the Scrollbar Thumb/Handles are built using Colours instead of Images along with a few other CSS tricks to try and make them a bit less 2 dimensional.

xxxxxx.html these files contain the Text and CoverArt for the Track being Played to be placed on the TI Page the html file is associated with.

index.html - This is a Mandatory File Name and is the one that gets loaded when a TI is first loaded or when MC Changes Tracks.

utln_xxxxxxxxx_html there is one of these for every TI Page, other than the one index.html is responsible for, they contain the Text and Images to be placed on that page.

For Ultimate I Variants the HTML Files are:-

index - Track + Album Info Page
ult1_lyrics_1h - Lyrics in 1 Column with Horizontal Scrollbar Page
ult1_lyrics_1v - Lyrics in 1 Column with Vertical Scrollbar Page
ult1_lyrics_2h - Lyrics in 2 Columns with Horizontal Scrollbar Page
ult1_lyrics_3h - Lyrics in 3 Columns with Horizontal Scrollbar Page
ult1_tags_ltw1 - Legacy Tag Window - Alphabetical List Of All Tags Page
ult1_tags_ltw2 - Legacy Tag Window - Alphabetical List Of Tags With Values Page
ult1_tags_mtw1 - Modern Tag Window - All Tags Page
ult1_tags_mtw2 - Modern Tag Window - Tags with Values Page

For Ultimate II Variants the HTML Files are:-

index - Lyrics in 2 Columns with Horizontal Scrollbar Page
ult2_lyrics_1h - Lyrics in 1 Column with Horizontal Scrollbar Page
ult2_lyrics_1v - Lyrics in 1 Column with Vertical Scrollbar Page
ult2_lyrics_3h - Lyrics in 3 Columns with Horizontal Scrollbar Page
ult2_tags_ltw1 - Legacy Tag Window - Alphabetical List Of All Tags Page
ult2_tags_ltw2 - Legacy Tag Window - Alphabetical List Of Tags With Values Page
ult2_tags_mtw1 - Modern Tag Window - All Tags Page
ult2_tags_mtw2 - Modern Tag Window - Tags with Values Page
ult2_trackalbum - Track + Album Info Page

For Ultimate III Variants the HTML Files are:-

index - Lyrics in 2 Columns with Horizontal Scrollbar Page
ult3_lyrics_1h - Lyrics in 1 Column with Horizontal Scrollbar Page
ult3_lyrics_1v - Lyrics in 1 Column with Vertical Scrollbar Page
ult3_lyrics_3h - Lyrics in 3 Columns with Horizontal Scrollbar Page

The Lyrics Pages.

Regardless of which of the 4 ways of displaying the lyrics you select you will always see all of the lyrics all of the time in the same consistent format and size.
But don’t be surprised, especially if you select one of the multi-column options, if the lyrics are not using all of those columns; to try and keep scrolling to a minimum my plugins concentrate on filling the columns Vertically not Horizontally.

They Use 2 Columns: -
Column 1 – The Menu Bar + CoverArt + “Basic Track Info”

The “Basic Track Info” tags displayed below the CoverArt are:-

For Classical Music	For Non-Classical Music
Composer	Name
Composition:	Artist
Album:	Rating - displayed as an image
Name	Rating10 - displayed as an image
Artists	Album:
Rating - displayed as an image	Genre(s):
Rating10 - displayed as an image

NOTE - The Rating10 field/tag is only displayed if it is not empty.

Column 2 – The Lyrics, in up to the number of columns specified in the chosen option, the scrollbar will only appear for tracks where the amount of lyrics to be displayed exceeds the available space.

The Track + Album Info Page.

Unlike the MC Tag Windows which can show you everything that MC does, or does not, know about the Track currently being played and the Album it is from, this page presents some of that information in a more logical and readable way. Although the number of fields/tags and the order in which they are presented does vary in the "Classical" and “Non Classical” Display Modes they use the same logic to determine if a field/tag and its content is to be displayed. The copy of the plugin you downloaded may list fields/tags that do not exist in your database/library, or ones that you don’t use. However, since this page was designed to only show you what does exist those non-existent and unused fields/tags are not a problem because, other than fields/tags that are considered “essential”, this page only displays the Name and Content of those fields/tags that Exist and Have Content.

It Uses 3 Columns: -
Column 1 – The Menu Bar + CoverArt

Column 2 – The Track Info

Fields/Tags that can be displayed in the "Track Info" Column:-

For Classical Music	For Non-Classical Music
Composer(s): +	Name *
Composition:	Artist(a) *+
Disc Title:	Rating **
Conductor(s): +	Rating10 **
Orchestra: +	Disc Title:
Date (Performance or Orig Recorded):	Genre(s): +
Name: *	Disc: - Track: - Duration:
Artist(s) *+	Composer(s): +
Rating **	Arranger(s): +
Rating10 **	Lyricist(s): +
Disc: - Track: - Duration:	Conductor(s): +
Period:	Orchestra:
Style(s): +	Soloist(s): +
Work:	Instrument(s): +
Recorded At:	Style(s): +
Composer's Catalog #:	Recorded At:
Composition Type:	Date (Performance or Orig Recorded)
Composition Order:	ISRC:
Movement:
Movement Number: - Movement Count:
Movement Name:
Movement #: - Total Movements:
Arranger(s): +
Lyricist(s): +
Soloist(s): +
Chorus: +
Chorus Master:
Instrument(s): +
ISRC:

Notes -
The following tags, and their content, are always displayed:- Composer, Name, Artist, Rating, Album, Genre, Track #, Duration
All other tags, and their label/name, are only displayed if they are present and contain data/values
* These Tags are displayed without a Tag Name
** Rating & Rating10 are displayed using an image showing the number of stars allocated with a tooltip stating the # of stars
+ these tags are designated as "; delimited lists" in MC, or can be if imported from external sources, and are displayed with a space behind the ;

Column 3 – The Album Info
Fields/Tags that can be displayed in the "Album Info" Column:-

Album:
Album Artist(s):
Album Artist(s) (Auto):
Album Type:
Collection (or Box Set):
Date:
Date (Release):
Grouping:
Label:
Publisher:
Catalog #:
Release Medium:
UPC:
Total Discs: - Total Tracks:

The Tags Pages.

They Use 2 Columns: -
Column 1 – The Menu Bar + CoverArt + “Basic Track Info”

The “Basic Track Info” tags displayed below the CoverArt are:-

For Classical Music	For Non-Classical Music
Composer	Name
Composition:	Artist
Album:	Rating - displayed as an image
Name	Rating10 - displayed as an image
Artists	Album:
Rating - displayed as an image	Genre(s):
Rating10 - displayed as an image

NOTE - The Rating10 field/tag is only displayed if it is not empty.

Column 2 – The Tag Name + Content in a single scrollable column.

Just like the Modern & Legacy Tag Windows the primary purpose of this page is to inform the user what MC does and could know about that Track.

For the "All Tags" options all the fields/tags present in the Relevant Tag Window will be displayed regardless of if they do, or don't, have content.
For the "Tags With Values" options only the fields/tags present in the Relevant Tag Window that have content will be displayed.

All the fields/tags from the Modern Tag Window General, File, Classical, Image and Advanced sections are displayed in the order they would appear in an unmodified Tag Window.

The visible/obvious differences between the Tags Window and the Tags Page are: -

For every field/tag the Field/Tag Name/Label and Content are displayed in Full on the Tag Page,
The Image Tag only reports the Location and Size in pixels of the CoverArt Image,
For some very obvious reasons the Lyrics tag doesn’t even get a mention,
The Amazon ASIN tag is also absent – at present it is “locked” and therefore can’t be used,
Unlike the Tag Windows, which only reports Channels as a number, on the Tags Page for tracks with 1 to 8 channels: -
Instead of just displaying 1, 2, 3, 4, 5, 6, 7 or 8 – it displays; 1 (Mono), 2 (Stereo), 3(2.1), 4 (Quadrophonic), 5 (Surround), 6 (5.1 Surround), 7 (Surround) or 8 (7.1 Theatre Surround),
These fields/tags are displayed on the Tags Page but not in the Modern Tag Window: - Complete Album, Date Created, Date Modified and Mix Album.

Known Problems.

The JavaScript Routine used to add the space behind the ; in semi-colon delimited lists has a bad habit of changing "&" into "& " if there is no space between the "&" and the next character, i.e it will reformat "R&B" as "R& B".
Plus if JavaScript Logging is switched on it can report an error that I have been unable to find a way of trapping/preventing.

Unfortunately there is no single way of looking up Artist, Track or Album Info on Wikipedia; therefore some searches may return the wrong page.

Making the right choice about which Lyrics Site to open when using the "Lookup Lyrics on Google" option:-
If there is a set of Nicely Formatted and Complete Lyrics showing on the Landing Page, then unless you want to end up with unformatted lyrics, ignore them.
Never go to the Musixmatch site or one belonging to a Streaming Service, Lyrics on the Musixmatch site are "copy/right-click protected" and Streaming services usually only provide lyrics to Subscribers.
Thanks to things like "LyricFind" you may end up having to visit more than one site to find/obtain a "Correct Set of Formatted Lyrics".
Some websites have a nasty habit of adding additional/unnecessary information, that is not visible on the web-page, when you select them.
Therefore, you should always check to see if there is something you don't want in the Lyrics Tag after having pasted them. (One of the reasons my TrackInfo Plugins have a Refresh Button)
Some websites have the ability to detect if a VPN is in use and will block all attempts to access that site.
If more than one set of lyrics are available from the same website check them both out as it's not unknown for such websites to have a correct and wrong set of lyrics.
Finally, Don't be surprised if you do not find the lyrics you are looking for. Not every set of Lyrics have been Licensed for Publication by anyone other than the Publisher of the Original Recording.

Now For Some Good News - Out of the 50,000+ Non-Classical Tracks in my MC Library I've used the "Lookup Lyrics on Google" option to obtain the "Full Properly Formatted Lyrics" for over 95% of those tracks.